/* Layout extras (moved from inline <style>) */

.main-footer {
    padding: 3rem 1rem;
    background: #222222;
    box-shadow: inset 0 10px 20px -15px rgba(115, 115, 115, 0.20);
}

    .main-footer p {
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-bottom: 1.4rem;
    }


/* ===== Nav md: conservar tamaños del logo e íconos ===== */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* ajustá estos tres valores si ocupás un fino ajuste */
  :root {
    --nav-h-md: 60px;     /* altura del header (igual que antes) */
    --brand-h-md: 40px;   /* altura del logo como en imagen 1 */
    --icon-md: 28px;      /* tamaño de la lupa y el hamburger */
  }

  .sticky-header .navbar {
    position: relative;
    min-height: var(--nav-h-md);
  }

  /* solo posicionamiento del logo; tamaño fijo como antes */
  .sticky-header .navbar .navbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0; padding: 0; z-index: 2;
  }
  .sticky-header .navbar .navbar-brand img {
    height: var(--brand-h-md);
    width: auto;
  }

  /* lupa a la izquierda, sin escalar más allá de --icon-md */
  .sticky-header .navbar #primary-menu-search {
    position: absolute; left: 12px; top: 0;
    height: var(--nav-h-md);
    display: flex; align-items: center; z-index: 3;
  }
  .sticky-header .navbar #primary-menu-search .svg-icon {
    height: var(--icon-md); width: var(--icon-md); display: block;
  }

  /* hamburger a la derecha, mismo tamaño que la lupa */
  .sticky-header .navbar .navbar-toggler {
    position: absolute; right: 12px; top: 0;
    height: var(--nav-h-md);
    display: flex; align-items: center; padding: 0; border: 0; z-index: 3;
  }
  .sticky-header .navbar .navbar-toggler .svg-icon {
    height: var(--icon-md); width: var(--icon-md); display: block;
  }

  .sticky-header .navbar .me-2 { margin-right: 0 !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --nav-h-md: 60px; /* altura total del header */
        --brand-h-md: 32px; /* logo más pequeño */
        --icon-md: 28px; /* tamaño de lupa y menú */
    }

    .sticky-header .navbar .navbar-brand img {
        height: var(--brand-h-md);
        width: auto;
    }
}




/* -------- TOP NAV (fuera del pushbar) -------- */
/*@media (max-width: 991.98px) {
    .navbar {
        position: relative;
    }*/
    /* Orden en flex: search (1), logo (2), hamburger (3) */
    /*#primary-menu-search {
        order: 1;
        display: flex;
        align-items: center;
        min-width: 44px;
    }

    .navbar .navbar-brand {
        order: 2;
    }

    .navbar .navbar-toggler {
        order: 3;
        margin-left: auto;
    }*/
    /* Centrar el logo absolutamente para que quede 100% al centro */
    /*.navbar .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important;
        z-index: 1;*/ /* por debajo de los botones laterales pero sobre el fondo */
    /*}*/
    /* Asegurar que los íconos laterales no se superpongan con el centro */
    /*#primary-menu-search,
    .navbar .navbar-toggler {
        z-index: 2;
    }*/
        /* Tamaños cómodos para tocar */
        /*#primary-menu-search .svg-icon,
        .navbar .navbar-toggler .svg-icon {
            width: 28px;
            height: 28px;
        }
}*/

/* -------- PUSHBAR (menú móvil) -------- */
/*.full-screen-menu {
    width: 100vw !important;
    max-width: 100vw !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0;
}

    .full-screen-menu .menu-header {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center !important;
        align-items: center;
        min-height: 64px;
        padding: calc(0.75rem + env(safe-area-inset-top, 0)) 3rem 0.75rem 3rem;
    }

    .full-screen-menu .logo-mobile img {
        max-width: 180px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .full-screen-menu .btn-close-menu {
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: 0;
        padding: 0;
        line-height: 1;
    }

        .full-screen-menu .btn-close-menu .close-icon {
            width: 28px;
            height: 28px;
        }

    .full-screen-menu .navbar-nav {
        width: 100%;
        align-items: center;
        gap: .25rem;
    }

        .full-screen-menu .navbar-nav .nav-link {
            padding: .75rem 0;
            font-size: 1.1rem;
        }

    .full-screen-menu .mobile-divider {
        width: 80%;
        margin: .5rem auto;
        border-top: 1px solid rgba(255,255,255,.15);
    }

    .full-screen-menu .mobile-sell-button-container .sell-button {
        border-radius: 999px;
        padding: .75rem 1rem;
    }

.pushbar {
    z-index: 1050;
}*/