/**
 * Shelby Events - Frontend Styles
 */

/* Event List */
.shelby-events-list{max-width:100%}
.shelby-events-month{margin:0 0 1.5rem;padding-bottom:0.5rem;border-bottom:1px solid #e5e5e5;font-size:1.25rem;font-weight:600;color:#333}

/* Event Row */
.shelby-event-row{display:flex;align-items:center;gap:1.25rem;padding:1rem;margin-bottom:0.75rem;background:#fff;border:1px solid #e8e8e8;transition:border-color 0.15s ease,box-shadow 0.15s ease}
.shelby-event-row:hover{border-color:#ccc;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.shelby-event-row.is-featured{background:linear-gradient(to right,#f0f7fc 0%,#fff 100%);border-left:4px solid #1a5276;box-shadow:0 2px 8px rgba(26,82,118,0.08)}
.shelby-event-row.is-featured:hover{box-shadow:0 4px 12px rgba(26,82,118,0.12)}

/* Calendar Block Date */
.shelby-event-date{flex:0 0 85px;text-align:center;font-family: 'Fira Sans Condensed';}
.shelby-date-block{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff;font-family: 'Fira Sans Condensed';}
.shelby-date-month{padding:0.25rem 0.5rem;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#fff;background:#1a5276;font-family: 'Fira Sans Condensed';}
.shelby-date-days{display:flex;align-items:baseline;justify-content:center;gap:0.125rem;padding:0.375rem 0.2rem}
.shelby-date-day{font-size:1.375rem;font-weight:700;line-height:1;color:#333;font-family: 'Fira Sans Condensed';}
.shelby-date-range{font-size:0.875rem;font-weight:600;color:#666;font-family: 'Fira Sans Condensed';}
.shelby-date-year{padding:0 0.375rem 0.25rem;font-size:0.625rem;color:#888;font-family: 'Fira Sans Condensed';}

/* Logo */
.shelby-event-logo{flex:0 0 100px;width:100px}
.shelby-event-logo img{display:block;width:auto;height:70px;object-fit:contain}
.shelby-event-logo-placeholder{width:100px;height:70px;background:#f5f5f5;border-radius:4px}

/* Info */
.shelby-event-info{flex:1;min-width:0;font-family: 'Fira Sans Condensed';}
.shelby-event-title{margin:0 0 0.25rem;font-size:1rem;font-weight:600;line-height:1.3;background: none;}
.shelby-event-title a{color:#1a5276;text-decoration:none}
.shelby-event-title a:hover{text-decoration:underline}
.shelby-event-row.is-featured .shelby-event-title{font-weight:700}
.shelby-star-icon{color:#f0ad4e;vertical-align:middle;margin-right:0.25rem}
.shelby-event-location{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:#666;font-family: 'Fira Sans Condensed';}
.shelby-event-location svg{flex-shrink:0;color:#999}

/* Category Pills with Colors */
.shelby-event-category{flex:0 0 auto}
.shelby-category-badge{display:inline-block;padding:0.3rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:5px;white-space:nowrap}
.shelby-category-badge.cat-trade-show{color:#155724;background:#d4edda}
.shelby-category-badge.cat-conference{color:#004085;background:#cce5ff}
.shelby-category-badge.cat-leadership-event{color:#856404;background:#fff3cd}
.shelby-category-badge.cat-awards{color:#721c24;background:#f8d7da}
.shelby-category-badge.cat-networking-event{color:#383d41;background:#e2e3e5}

/* Past Events */
.shelby-past-events{margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e5e5}
.shelby-past-heading{margin:0 0 1.5rem;font-size:1.125rem;color:#666}

/* No Events */
.shelby-no-events{padding:2rem;text-align:center;color:#666;background:#f9f9f9;border-radius:4px}

/* ===== Single Event Page ===== */
.shelby-single-event{max-width:1400px;margin:0 auto;padding:2rem 1rem}

/* Two Column Layout - Sidebar on Left */
.shelby-single-columns{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:start}
.shelby-single-main{min-width:0}
.shelby-single-sidebar{position:sticky;top:2rem}

/* Sidebar Card */
.shelby-sidebar-card{padding:1.5rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px}
.shelby-sidebar-logo{margin-bottom:1.25rem;text-align:center}
.shelby-sidebar-logo img{display:block;max-width:100%;height:auto;margin:0 auto}

/* Meta Items with Icons */
.shelby-meta-item{display:flex;align-items:flex-start;gap:0.625rem;margin-bottom:1rem;font-size:0.9375rem;color:#444;font-family: 'Fira Sans Condensed';}
.shelby-meta-item:last-child{margin-bottom:0}
.shelby-meta-icon{flex-shrink:0;width:20px;height:20px;color:#1a5276}
.shelby-meta-icon svg{display:block;width:100%;height:100%}
.shelby-meta-label{font-weight:500;color:#666;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.125rem}
.shelby-meta-value{font-weight:500}

/* Sidebar Actions */
.shelby-sidebar-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}

/* View All Events Button */
.shelby-btn-block{display:flex;width:100%;justify-content:center;margin-top:1rem}
.shelby-btn-view-all{background:#1a5276;color:#fff;border-color:#1a5276}
.shelby-btn-view-all:hover{background:#15456a;border-color:#15456a;color:#fff}

/* Title */
.shelby-single-title{margin:0 0 1.5rem;font-size:2rem;line-height:1.2;color:#222}

/* Actions */
.shelby-event-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem}
.shelby-calendar-wrap{position:relative}
.shelby-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;font-size:0.875rem;color:#333;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;text-decoration:none;transition:all 0.15s ease;font-family: "Fira Sans Condensed", Helvetica, sans-serif;}
.shelby-btn:hover{background:#f5f5f5;border-color:#999;color: #949494;}

/* Calendar Dropdown */
.shelby-calendar-dropdown{display:none;position:absolute;top:100%;left:0;z-index:100;min-width:160px;margin-top:0.25rem;padding:0.5rem 0;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.shelby-calendar-dropdown.is-open{display:block}
.shelby-calendar-dropdown a{display:block;padding:0.5rem 1rem;color:#333;text-decoration:none}
.shelby-calendar-dropdown a:hover{background:#f5f5f5}

/* Share buttons */
.shelby-share-buttons{display:flex;gap:0.5rem}
.shelby-share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#555;background:#fff;border:1px solid #ddd;border-radius:4px;transition:all 0.15s ease}
.shelby-share-btn:hover{color:#1a5276;border-color:#1a5276}
.shelby-share-btn svg{display:block}

/* Description */
.shelby-event-description{margin-bottom:2rem;line-height:1.8;color:#333;font-family: "Fira Sans Condensed", Helvetica, sans-serif;}
.shelby-event-description p{margin:0 0 1rem}
.shelby-event-description p:last-child{margin-bottom:0}
.shelby-event-description strong{font-weight:600}
.shelby-event-description a{color:#1a5276}

/* Contact Box */
.shelby-event-contact-box{padding:1.5rem;background:#fafafa;border:1px solid #ddd;border-radius:6px;font-family: "Fira Sans Condensed", Helvetica, sans-serif;}
.shelby-contact-heading{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#333;background: none;}
.shelby-event-contact-box p{margin:0 0 0.75rem}
.shelby-event-contact-box p:last-child{margin-bottom:0}

/* ===== Responsive ===== */
@media(max-width:900px){
.shelby-single-columns{grid-template-columns:1fr;gap:2rem}
.shelby-single-sidebar{position:static}
.shelby-sidebar-card{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}
.shelby-sidebar-logo{margin-bottom:0;flex:0 0 auto}
.shelby-sidebar-logo img{max-width:150px}
.shelby-sidebar-meta{flex:1;min-width:200px}
.shelby-sidebar-actions{flex:0 0 100%;margin-top:0;padding-top:1rem;border-top:1px solid #e5e5e5}
}

@media(max-width:600px){
.shelby-event-row{flex-direction:column;align-items:center;gap:1rem;padding:1rem;text-align:center}
.shelby-event-date{flex:none;order:-1}
.shelby-date-block{flex-direction:row;align-items:stretch}
.shelby-date-month{padding:0.5rem 0.625rem;display:flex;align-items:center}
.shelby-date-days{padding:0.375rem 0.5rem;display:flex;align-items:center}
.shelby-date-year{display:none}
.shelby-event-logo{flex:none}
.shelby-event-logo img{margin:0 auto}
.shelby-event-info{width:100%}
.shelby-event-location{justify-content:center}
.shelby-event-category{margin-top:0.5rem}
.shelby-single-event{padding:1rem}
.shelby-single-title{font-size:1.5rem}
.shelby-sidebar-card{flex-direction:column;align-items:stretch}
.shelby-sidebar-logo{text-align:center}
.shelby-event-actions{flex-direction:column}
.shelby-calendar-dropdown{width:100%}
}