/*
Theme Name: Pet Luditos
Theme URI: https://pet-luditos.com
Author: John Arboleda
Author URI: https://pet-luditos.com
Description: Tema profesional desarrollado exclusivamente para Pet Luditos. Optimizado para WooCommerce, SEO, rendimiento y escalabilidad.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.2
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pet-luditos
Domain Path: /languages
Tags: ecommerce, woocommerce, pets, responsive, custom-theme
*/

/* ===========================================================
   PET LUDITOS THEME
   Framework v1.0
   =========================================================== */

:root{

    /* Colores principales */

    --pl-primary:#39B54A;
    --pl-primary-dark:#2E8B57;
    --pl-secondary:#FFC72C;

    --pl-black:#202020;
    --pl-dark:#333333;
    --pl-gray:#707070;
    --pl-light:#F7F7F7;
    --pl-white:#FFFFFF;

    --pl-danger:#E53935;
    --pl-success:#28A745;

    /* Tipografía */

    --pl-font:'Poppins',sans-serif;

    /* Espaciados */

    --pl-radius:14px;

    --pl-transition:.30s ease;

    --pl-shadow:
        0 10px 30px rgba(0,0,0,.08);

}

/* Reset */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;

}

body{

    font-family:var(--pl-font);
    color:var(--pl-black);
    background:#fff;
    line-height:1.6;

}

img{

    max-width:100%;
    height:auto;
    display:block;

}

a{

    text-decoration:none;
    color:inherit;
    transition:var(--pl-transition);

}

ul{

    list-style:none;

}

button{

    cursor:pointer;
    border:none;
    background:none;

}

input,
textarea,
select{

    font-family:inherit;

}

.container{

    width:min(1400px,92%);
    margin:auto;

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

.pl-header{

    background:#ffffff;
    box-shadow:0 2px 15px rgba(0,0,0,.08);

}

.pl-header-top{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    padding:20px 0;

}

.pl-logo img{

    max-height:70px;

}

.pl-search{

    flex:1;

}

.pl-icons{

    display:flex;
    gap:25px;
    font-weight:600;

}

.pl-main-menu{

    display:flex;
    gap:25px;

    padding:15px 0;

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

.pl-topbar{

    background:#39B54A;
    color:#fff;
    font-size:14px;

}

.pl-topbar-content{

    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;

}

.pl-top-right{

    display:flex;
    gap:20px;

}

.pl-top-right a{

    color:#fff;
    font-weight:600;

}

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

.pl-header-main{

    display:grid;
    grid-template-columns:220px 1fr 220px;
    align-items:center;
    gap:30px;
    padding:25px 0;

}

.pl-logo img{

    max-height:80px;

}

.pl-actions{

    display:flex;
    justify-content:flex-end;
    gap:15px;

}

.pl-btn-account,
.pl-btn-cart{

    padding:12px 20px;
    border-radius:10px;
    background:#f5f5f5;
    font-weight:600;

}

.pl-btn-cart{

    background:#39B54A;
    color:white;

}

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

.pl-navigation{

    border-top:1px solid #eee;
    border-bottom:1px solid #eee;

}

.pl-main-menu{

    display:flex;
    gap:35px;
    padding:18px 0;
    font-weight:600;

}