/*
 Theme Name:   Cirkadian New
 Theme URI:    https://cirkadian.com
 Description:  Tema hijo limpio de Divi para Cirkadian. Todo editable con Divi Visual Builder.
 Author:       Cirkadian
 Template:     Divi
 Version:      1.0.0
*/

/* ============================================
   COLORES DEL MENU
   ============================================ */

#top-menu li a,
.et-menu > li > a {
    color: #000000 !important;
    transition: color 0.25s ease !important;
}
#top-menu li a:hover {
    color: #888888 !important;
}
#top-menu li.current-menu-item > a {
    color: #aaaaaa !important;
}

/* ============================================
   FOOTER AL FINAL DE PAGINA
   ============================================ */

#page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#main-content {
    flex: 1 0 auto;
}
#main-footer {
    flex-shrink: 0 !important;
    margin-top: auto !important;
}

/* ============================================
   OCULTAR "LA ATALAYA" DEL FOOTER
   ============================================ */

#main-footer a[href*="atalaya"],
#footer-bottom a[href*="atalaya"] {
    display: none !important;
}

/* ============================================
   TIENDA - FONDO BLANCO, SIN SIDEBAR
   ============================================ */

.woocommerce-page #sidebar,
body.woocommerce-shop #sidebar {
    display: none !important;
}
.woocommerce-page #left-area,
body.woocommerce-shop #left-area {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

/* ============================================
   BOTONES NEGROS (no azules ni verdes)
   ============================================ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .checkout-button,
.woocommerce a.checkout-button,
#place_order {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 14px 40px !important;
    transition: background 0.3s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-cart .checkout-button:hover,
#place_order:hover {
    background-color: #555555 !important;
}

.woocommerce a.button:active,
.woocommerce button.button:active,
#place_order:active {
    background-color: #aaaaaa !important;
}

/* Boton "Anadir al carrito" en el grid */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
    border-radius: 0 !important;
    padding: 10px 24px !important;
    border: none !important;
    text-transform: uppercase !important;
    opacity: 0;
    transform: translateY(4px);
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover a.add_to_cart_button {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product a.add_to_cart_button {
        opacity: 1;
        transform: none;
    }
}

/* ============================================
   PAGINA DE PRODUCTO MINIMALISTA
   ============================================ */

/* Quitar bordes redondeados y sombras por defecto */
.woocommerce div.product div.images img,
.woocommerce div.product div.images .flex-viewport {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Tabs limpias */
.woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 0 !important;
}
.woocommerce-tabs ul.tabs li {
    border: none !important;
    background: none !important;
    border-radius: 0 !important;
    margin: 0 20px 0 0 !important;
}
.woocommerce-tabs ul.tabs li a {
    color: #999999 !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 15px 0 !important;
}
.woocommerce-tabs ul.tabs li.active a {
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
}
.woocommerce-tabs ul.tabs::before {
    border: none !important;
}

/* Precio en producto individual */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #555555 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Cantidad */
.woocommerce .quantity .qty {
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    padding: 12px !important;
    width: 70px !important;
}

/* ============================================
   CARRITO Y CHECKOUT
   ============================================ */

.woocommerce-cart-form table.shop_table,
.woocommerce-checkout-review-order-table {
    border: none !important;
    border-collapse: collapse !important;
}
.woocommerce-cart-form table.shop_table thead th {
    background: #fafafa;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666666;
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}
.woocommerce-cart-form table.shop_table tbody td {
    padding: 16px;
    border-bottom: 1px solid #f0f0f0;
}

/* ============================================
   MENSAJES WOOCOMMERCE
   ============================================ */

.woocommerce-message {
    background: #f5f5f5 !important;
    color: #333333 !important;
    border-left: 3px solid #000000 !important;
    border-radius: 0 !important;
}
.woocommerce-message a {
    color: #000000 !important;
    font-weight: 600;
}

/* ============================================
   PAGINACION
   ============================================ */

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span.current {
    border-radius: 0 !important;
    border: 1px solid #e0e0e0 !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
}
.woocommerce-pagination .page-numbers span.current {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* ============================================
   OFERTA / SALE
   ============================================ */

.woocommerce span.onsale {
    background: #000000 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 12px !important;
    border-radius: 0 !important;
    min-height: auto !important;
    line-height: 1.5 !important;
    top: 10px !important;
    left: 10px !important;
}

/* ============================================
   SELECT2 / DROPDOWNS
   ============================================ */

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    border-color: #e0e0e0 !important;
    height: 46px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
}
.select2-dropdown {
    border-radius: 0 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #000000 !important;
}

/* ============================================
   PROYECTOS - PAGINA BLANCA
   ============================================ */

.page-template-page-proyectos .et_pb_section {
    background: #ffffff !important;
}