/**
 * EventHex WordPress Connector - Common Widget Styles
 * Version: 2.0.0
 * Shared styles used across multiple widgets
 */

/* ================================
   COMMON STYLES & BASE LAYOUT
================================ */
.eventhex-error,
.eventhex-no-data {
    padding: 20px;
    text-align: center;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    color: #6c757d;
    font-size: 15px;
}

.eventhex-error {
    background: #fff5f5;
    border-color: #feb2b2;
    color: #c53030;
}

/* Grid Layouts */
.eventhex-speakers-wrapper,
.eventhex-tickets-wrapper,
.eventhex-sponsors-wrapper,
.eventhex-exhibitors-wrapper,
.eventhex-sessions-wrapper {
    display: grid;
    gap: 30px;
    margin-bottom: 30px;
}

/* Column Configurations */
.eventhex-columns-1 { grid-template-columns: 1fr; }
.eventhex-columns-2 { grid-template-columns: repeat(2, 1fr); }
.eventhex-columns-3 { grid-template-columns: repeat(3, 1fr); }
.eventhex-columns-4 { grid-template-columns: repeat(4, 1fr); }
.eventhex-columns-5 { grid-template-columns: repeat(5, 1fr); }
.eventhex-columns-6 { grid-template-columns: repeat(6, 1fr); }

/* Responsive Columns - Tablet */
@media (max-width: 1024px) {
    .eventhex-columns-tablet-1 { grid-template-columns: 1fr !important; }
    .eventhex-columns-tablet-2 { grid-template-columns: repeat(2, 1fr) !important; }
    .eventhex-columns-tablet-3 { grid-template-columns: repeat(3, 1fr) !important; }
    .eventhex-columns-tablet-4 { grid-template-columns: repeat(4, 1fr) !important; }
}

/* Responsive Columns - Mobile */
@media (max-width: 768px) {
    .eventhex-columns-mobile-1 { grid-template-columns: 1fr !important; }
    .eventhex-columns-mobile-2 { grid-template-columns: repeat(2, 1fr) !important; }
}

/* RTL: content without a translation arrives in the event's base language (often English).
   Let each text block take its direction from its own text so punctuation stays in place. */
[dir="rtl"] [class*="eventhex-"] :is(p, li, h1, h2, h3, h4, h5, h6) {
    unicode-bidi: plaintext;
}
