/*=========================================================
PET LUDITOS
HEADER PREMIUM v2.0
=========================================================*/

/*==========================
HEADER
==========================*/

.pl-header{

    position:sticky;
    top:0;
    z-index:9999;

    background:#FFFFFF;

    box-shadow:0 8px 30px rgba(15,23,42,.06);

}

/*==========================
TOP BAR
==========================*/

.pl-topbar{

    background:#223A5E;
    color:#FFFFFF;

}

.pl-topbar-content{

    min-height:42px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:14px;

    font-weight:500;

}

.pl-top-left{

    display:flex;

    align-items:center;

    gap:10px;

}

.pl-top-right{

    display:flex;

    align-items:center;

    gap:25px;

}

/*==========================
HEADER PRINCIPAL
==========================*/

.pl-header-main{

    display:grid;

    grid-template-columns:220px 1fr 170px;

    align-items:center;

    gap:40px;

    min-height:110px;

}

/*==========================
LOGO
==========================*/

.pl-logo{

    display:flex;

    align-items:center;

}

.pl-logo img{

    max-height:78px;

    width:auto;

}

/*==========================
BUSCADOR
==========================*/

.pl-search{

    width:100%;

}

/* FIBOSEARCH */

.dgwt-wcas-search-wrapp{

    width:100% !important;

}

.dgwt-wcas-sf-wrapp{

    border:2px solid var(--pl-border) !important;

    border-radius:18px !important;

    overflow:hidden;

    transition:.30s;

    box-shadow:none !important;

}

.dgwt-wcas-sf-wrapp:focus-within{

    border-color:var(--pl-primary) !important;

    box-shadow:0 0 0 6px rgba(36,200,216,.15) !important;

}

/*==========================
CARRITO
==========================*/

.pl-actions{

    display:flex;

    justify-content:flex-end;

}

.pl-btn-cart{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-width:140px;

    height:52px;

    border-radius:16px;

    background:linear-gradient(135deg,#FF7A59,#FF9368);

    color:#FFFFFF;

    font-weight:700;

    transition:.30s;

}

.pl-btn-cart:hover{

    transform:translateY(-3px);

    box-shadow:0 14px 28px rgba(255,122,89,.35);

}

/*==========================
MENU
==========================*/

.pl-navigation{

    border-top:1px solid var(--pl-border);

}

.pl-main-menu{

    display:flex;

    align-items:center;

    gap:38px;

    min-height:60px;

}

.pl-main-menu li{

    position:relative;

}

.pl-main-menu a{

    font-size:15px;

    font-weight:600;

    color:var(--pl-title);

    transition:.30s;

}

.pl-main-menu a:hover{

    color:var(--pl-primary);

}

.pl-main-menu .current-menu-item>a{

    color:var(--pl-primary);

}

.pl-main-menu li::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-20px;

    width:0;

    height:3px;

    background:var(--pl-primary);

    border-radius:50px;

    transition:.30s;

}

.pl-main-menu li:hover::after{

    width:100%;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.pl-topbar-content{

flex-direction:column;

padding:10px 0;

gap:8px;

}

.pl-header-main{

grid-template-columns:1fr;

padding:25px 0;

gap:20px;

}

.pl-actions{

justify-content:center;

}

.pl-main-menu{

flex-direction:column;

padding:20px 0;

gap:20px;

}

}