/* ========================================== */
/* CUSTOM CSS PRESTASHOP 8.2.5 - SCARECRÖW    */
/* ========================================== */

/* ========================================== */
/* 1. FONDOS Y TEXTOS: LOGIN, REGISTRO, CONTACTO */
/* ========================================== */
.page-authentication #content,
.page-registration #content,
.page-password #content,
.page-customer-account #content,
.contact-form {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(221, 186, 118, 0.3) !important;
}

.page-authentication #content,
.page-registration #content,
.page-password #content,
.page-customer-account #content,
.contact-form,
.page-authentication #content .form-control-label,
.page-registration #content .form-control-label,
.page-password #content .form-control-label,
.contact-form .form-control-label,
.contact-form h3 {
    color: #ffffff !important;
}

.page-authentication #content .form-control-comment,
.page-registration #content .form-control-comment,
.page-password #content p,
.contact-form .form-control-comment,
.page-registration #content .text-muted {
    color: #b3b3b3 !important;
}

.page-authentication #content a,
.page-registration #content a,
.page-password #content a,
.contact-form a {
    color: #ddba76 !important;
    font-weight: bold !important;
}

.page-authentication #content a:hover,
.page-registration #content a:hover,
.page-password #content a:hover,
.contact-form a:hover {
    color: #ffffff !important;
}

.page-authentication #content input.form-control,
.page-registration #content input.form-control,
.page-password #content input.form-control,
.contact-form input.form-control,
.contact-form textarea.form-control,
.contact-form select.form-control {
    background-color: #222222 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

.page-authentication #content input.form-control:focus,
.page-registration #content input.form-control:focus,
.page-password #content input.form-control:focus,
.contact-form input.form-control:focus,
.contact-form textarea.form-control:focus,
.contact-form select.form-control:focus {
    border-color: #ddba76 !important;
    outline: none !important;
}

.page-authentication #content .input-group-btn > .btn[data-action="show-password"],
.page-registration #content .input-group-btn > .btn[data-action="show-password"] {
    background-color: #333333 !important;
    color: #ddba76 !important;
    border: 1px solid #333333 !important;
}

.page-registration #content .custom-radio {
    background: #222222 !important;
    border: 1px solid #ddba76 !important;
}

.page-registration #content .custom-radio input[type="radio"]:checked + span {
    background-color: #ddba76 !important;
}

/* ========================================== */
/* 2. FONDO GENERAL Y TIPOGRAFÍA              */
/* ========================================== */
body, #wrapper {
    background-color: #121212 !important;
    color: #ffffff;
}

/* ========================================== */
/* 3. CABECERA (HEADER) Y MENÚS               */
/* ========================================== */
#header, .header-nav, .menu, .dropdown-item {
    background: #1a1a1a !important;
    border-bottom: 1px solid #ddba76;
}

#header .menu > ul > li > a {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
}

#header .menu > ul > li:hover > a {
    color: #ddba76 !important;
}

#header #_desktop_contact_link a,
#header .user-info a,
#header .user-info span.hidden-sm-down,
#header .user-info i.material-icons,
#header .header-nav .cart-preview i {
    color: #ddba76 !important;
}

#header .blockcart {
    background-color: #1a1a1a !important;
}

#header .blockcart a,
#header .blockcart span.hidden-sm-down,
#header .blockcart i.shopping-cart,
#header .blockcart .cart-products-count {
    color: #ddba76 !important;
}

/* ========================================== */
/* 4. BOTONES GLOBALES                        */
/* ========================================== */
.btn-primary, .add-to-cart, #submit-login, .register-form .btn {
    background-color: transparent !important;
    color: #ddba76 !important;
    border: 2px solid #ddba76 !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-primary:hover, .add-to-cart:hover {
    background-color: #ddba76 !important;
    color: #1a1a1a !important;
    transform: scale(1.05);
}

/* ========================================== */
/* 5. TARJETAS DE PRODUCTO Y ETIQUETAS        */
/* ========================================== */
.product-miniature {
    background: #1a1a1a !important;
    border: 1px solid rgba(221, 186, 118, 0.2);
    border-radius: 8px;
    padding: 10px;
}

.product-title a {
    color: #ffffff !important;
}

.product-price {
    color: #ddba76 !important;
    font-size: 1.2rem;
}

.product-flags .product-flag {
    background: #ddba76 !important;
    color: #1a1a1a !important;
}

.product-tabs .nav-tabs .nav-link {
    background-color: #1a1a1a !important;
    color: #b3b3b3 !important;
    border: 1px solid #333 !important;
}

.product-tabs .nav-tabs .nav-link.active {
    color: #ddba76 !important;
    border-bottom-color: #1a1a1a !important;
}

.tab-content {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-top: none !important;
    color: #ffffff !important;
    padding: 20px;
}

/* ========================================== */
/* 6. MÓDULOS (BUSCADOR, GARANTÍAS, FILTROS)  */
/* ========================================== */
#search_widget form {
    background: #1a1a1a !important;
}

#search_widget input[type="text"] {
    background-color: #222 !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

#search_widget input[type="text"]:focus {
    border-color: #ddba76 !important;
    outline: none !important;
}

#search_widget i {
    color: #ddba76 !important;
}

.blockreassurance_product {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px;
}

.blockreassurance .item-product span {
    color: #ffffff !important;
}

.blockreassurance .item-product svg {
    fill: #ddba76 !important;
}

#search_filters {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 15px;
}

#search_filters .facet-title {
    color: #ddba76 !important;
}

#search_filters .custom-checkbox input[type="checkbox"] + span {
    background-color: #222 !important;
    border: 1px solid #333 !important;
}

#search_filters .custom-checkbox input[type="checkbox"]:checked + span {
    background-color: #ddba76 !important;
}

/* ========================================== */
/* 7. PIE DE PÁGINA (FOOTER) Y NEWSLETTER     */
/* ========================================== */
html body main #footer .block_newsletter,
html body #footer .block_newsletter,
html body .block_newsletter {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    border: none !important;
    border-top: 1px solid #ddba76 !important;
    border-bottom: 1px solid rgba(221, 186, 118, 0.2) !important;
    padding: 40px 15px !important;
}

html body #footer .block_newsletter p,
html body #footer .block_newsletter *[id*="block-newsletter-label"] {
    color: #ffffff !important;
}

html body #footer .block_newsletter form input[type="email"],
html body #footer .block_newsletter form input[type="text"] {
    background-color: #222222 !important;
    background: #222222 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

html body #footer .block_newsletter form input:focus {
    border-color: #ddba76 !important;
    outline: none !important;
}

html body #footer .block_newsletter form .btn {
    background-color: transparent !important;
    background: transparent !important;
    border: 2px solid #ddba76 !important;
    color: #ddba76 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border-radius: 50px !important; 
    transition: all 0.3s ease !important;
}

html body #footer .block_newsletter form .btn:hover {
    background-color: #ddba76 !important;
    background: #ddba76 !important;
    color: #1a1a1a !important;
}

html body #footer .footer-container,
html body .footer-container,
#footer {
    background-color: #121212 !important;
    background: #121212 !important;
    padding-top: 30px !important;
}

html body #footer .footer-container .h3,
html body #footer .footer-container .title,
#footer #block_myaccount_infos .myaccount-title a,
#footer .block-contact .block-contact-title,
#footer h1, #footer h2, #footer h3 {
    color: #ddba76 !important;
}

html body #footer .footer-container li a,
#footer #block_myaccount_infos .account-list li a {
    color: #b3b3b3 !important; 
}

html body #footer .footer-container li a:hover,
#footer #block_myaccount_infos .account-list li a:hover {
    color: #ddba76 !important;
}

#footer .block-contact {
    color: #ffffff !important;
}

#footer .block-contact a,
#footer .block-contact i.material-icons {
    color: #ddba76 !important;
}

/* FOOTER EN MÓVILES */
@media (max-width: 767px) {
    html body #footer .footer-container .links ul,
    html body .footer-container .links ul {
        background-color: #1a1a1a !important;
        background: #1a1a1a !important;
        border: none !important;
    }
    
    html body #footer .footer-container .links ul > li {
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    }
    
    html body #footer .footer-container .links ul > li a {
        color: #ffffff !important;
    }
    
    html body #footer .footer-container .links .h3 {
        color: #ddba76 !important;
        border-bottom: 1px solid rgba(221, 186, 118, 0.2) !important;
    }
}
/* ========================================== */
/* TEXTOS Y CASILLAS (CHECKBOXES) DE REGISTRO */
/* ========================================== */

/* 1. Texto principal al lado de la casilla (Ej: "Recibir ofertas...") */
.page-registration #content .custom-checkbox label,
.page-authentication #content .custom-checkbox label,
.page-customer-account #content .custom-checkbox label {
    color: #ffffff !important;
}

/* 2. Textos secundarios / legales en cursiva (Ej: "Puede darse de baja...") */
.page-registration #content .custom-checkbox label em,
.page-registration #content .custom-checkbox label small,
.page-authentication #content .custom-checkbox label em,
.page-authentication #content .custom-checkbox label small {
    color: #b3b3b3 !important; /* Un gris claro para que sea legible pero secundario */
}

/* 3. Enlaces dentro de los textos legales (Ej: "aviso legal") */
.page-registration #content .custom-checkbox label a,
.page-authentication #content .custom-checkbox label a {
    color: #ddba76 !important;
    font-weight: bold;
}

/* 4. Estilo de la propia cajita del Checkbox (Cuadrado dorado y fondo oscuro) */
.page-registration #content .custom-checkbox input[type="checkbox"] + span,
.page-authentication #content .custom-checkbox input[type="checkbox"] + span {
    background-color: #222222 !important;
    border: 1px solid #ddba76 !important;
}

/* 5. Estilo de la cajita cuando la marcas (Fondo dorado) */
.page-registration #content .custom-checkbox input[type="checkbox"]:checked + span,
.page-authentication #content .custom-checkbox input[type="checkbox"]:checked + span {
    background-color: #ddba76 !important;
}

/* 6. El "Tick" (palomita) interior cuando está marcado */
.page-registration #content .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked,
.page-authentication #content .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
    color: #1a1a1a !important; /* Tick oscuro para contrastar genial con el dorado */
}
/* 7. El recuadro blanco que no queria cambiar en contacte con nosotros */
.card {
    position: relative;
    display: block;
    background-color: #121212;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.125)
}