/* =========================================================
   CP Breeze Libre Hub — Stable Sidebar Build
========================================================= */

/* GLOBAL */
html, body {
    margin: 0;
    padding: 0;
    background: #1e1f20;
    color: #e0e0e0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
a { color: #e0e0e0; text-decoration: none; }
a:hover { color: #ffffff; }

/* HEADER */
.header {
    background: #1e1f20;
    border-bottom: 1px solid #2e2f30;
    padding: 1rem 1.4rem;
}
.site-title a {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

/* LAYOUT */
.container {
    display: flex;
    min-height: calc(100vh - 100px);
}
.sidebar {
    width: 250px;
    background: #1e1f20;
    border-right: 1px solid #2e2f30;
    padding: 1rem;
}
.content {
    flex: 1;
    padding: 2rem;
    background: #1e1f20;
    color: #e0e0e0;
}

/* SIDEBAR COLLAPSE (FINAL) */
.sidebar-categories { list-style:none; margin:0; padding:0; }
.sidebar-category { margin-bottom:12px; }

.category-toggle-row {
    display:flex;
    align-items:center;
    margin-bottom:6px;
}
.category-name {
    padding:6px 8px;
    border-radius:4px;
}
.category-name:hover {
    background:#2a2b2d;
    color:#ffffff;
}

.toggle-icon {
    cursor:pointer;
    margin-right:8px;
    font-weight:bold;
    opacity:0.8;
    width:16px;
    display:inline-block;
}
.toggle-icon:hover { opacity:1; }

/* collapsed by default */
.sidebar-services {
    display:none;
    margin-left:18px;
    padding-left:6px;
    border-left:1px solid #2e2f30;
}

/* only current category auto-open */
.sidebar-category.active .sidebar-services {
    display:block;
}

/* FORMS */
input[type="search"],
input[type="text"],
select,
button {
    background:#2a2b2d;
    border:1px solid #2e2f30;
    color:#ffffff;
    padding:8px;
    border-radius:4px;
}
button:hover { background:#323335; }

/* TITLES */
h1, h2, .page-title { color:#ffffff; margin-top:0; font-size:26px; font-weight:600; }

/* CARDS */
.service-item a {
    display:block;
    background:#2a2b2d;
    border:1px solid #2e2f30;
    padding:14px;
    border-radius:6px;
    margin-bottom:12px;
    color:#ffffff;
}
.service-item a:hover { background:#323335; }

/* MOBILE */
@media (max-width:768px) {
    .container { flex-direction:column; }
    .sidebar {
        width:100%;
        border-right:none;
        border-bottom:1px solid #2e2f30;
    }
    .content { width:100%; }
}

/* ===== FIX COIN DROPDOWN VISIBILITY ===== */
select option,
.dropdown-menu,
select option:checked {
    background: #2a2b2d !important; /* dark background */
    color: #ffffff !important;      /* white text so names are visible */
}

/* for checkboxes inside the dropdown if it's custom-generated */
.dropdown-menu * {
    color: #ffffff !important;
}

/* === HIDE SERVICE META BLOCK ON LIST PAGES ONLY === */
.service-item .service-extra,
.service-item .trust-section,
.service-item .service-meta,
.service-item .privacy-line {
    display: none !important;
}

/* ==============================
   FIX SEARCH BAR - FINAL TUNING
   ============================== */

/* Base style (both devices) */
.header form input[type="search"] {
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 1rem;
    box-sizing: border-box;
    background:#2a2b2d;
    border:1px solid #3a3b3d;
}

/* 🖥 Desktop - shorter & centered */
@media (min-width: 769px) {
    .header form {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .header form input[type="search"] {
        max-width: 380px !important;  /* ⬅ SHRINK HERE */
        font-size: 1.05rem;
    }
}

/* 📱 Mobile - full width & bigger */
@media (max-width: 768px) {
    .header form {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }
    .header form input[type="search"] {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 1.2rem;        /* ⬅ bigger text */
        padding: 14px 18px;       /* ⬅ easier to tap */
    }
}

/* Mobile-only service expand (no JS) */
@media (max-width: 768px) {
  .service-expand summary {
    cursor: pointer;
    font-weight: 600;
    list-style: none;
  }

  .service-expand summary::-webkit-details-marker {
    display: none;
  }

  .service-expand summary::after {
    content: " ⌄";
    opacity: 0.6;
  }

  .service-expand[open] summary::after {
    content: " ⌃";
  }

  .service-desktop-link {
    display: none;
  }

  .service-expand .scroll-hint {
    margin: 10px 0 12px 0;
    font-size: 0.85rem;
    text-align: center;
    opacity: 0.7;
  }
}

/* Desktop: disable expand UI */
@media (min-width: 769px) {
  .service-expand {
    display: none;
  }
}

/* Never allow expand UI on category pages */
.category-page .service-expand {
    display: none !important;
}