/*
Theme Name: Marun
Theme URI: https://marun.ro
Author: MIRIEXPERT DESIGN CONCEPT SRL
Description: Tema magazinului Marun — atelier artizanal. Temă copil pentru Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: marun
*/

/* --- etichete mici (label) --- */
.marun-label{font-family:var(--wp--preset--font-family--jost);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--wp--preset--color--accent-1);font-weight:500}
.marun-muted{color:var(--wp--preset--color--accent-4)}

/* --- header --- */
.marun-topbar p{margin:0;letter-spacing:.04em}
.marun-header{border-bottom:1px solid var(--wp--preset--color--accent-5)}
.marun-header .wp-block-navigation{font-size:.9rem;letter-spacing:.02em}
.marun-header .wp-block-navigation a:hover{color:var(--wp--preset--color--accent-1)}
.marun-header .wc-block-mini-cart__button,.marun-header .wc-block-customer-account a{font-size:.9rem}
.marun-header .wp-block-search__button{background:transparent;color:var(--wp--preset--color--contrast);padding:.25rem}

/* --- butoane secundare tip link --- */
.is-style-marun-link .wp-block-button__link{background:transparent!important;color:var(--wp--preset--color--contrast)!important;padding-left:0;padding-right:0;text-transform:none;letter-spacing:.01em;font-size:.95rem}
.is-style-marun-link .wp-block-button__link:hover{color:var(--wp--preset--color--accent-1)!important}

/* --- imagini --- */
.marun-cover-img img{width:100%;height:100%;object-fit:cover;display:block}
.marun-swatches figure{margin:0}
.marun-swatches img{aspect-ratio:1/1;object-fit:cover;width:100%}
.marun-swatches figcaption{text-align:center;font-size:.8rem;color:var(--wp--preset--color--accent-4);margin-top:.5rem}

/* --- grila de produse --- */
.wc-block-product-template .wp-block-post-title a{text-decoration:none}
.wc-block-product-template .wp-block-post-title{font-family:var(--wp--preset--font-family--bodoni-moda);font-weight:400}
.wc-block-product-template .wc-block-components-product-image img{aspect-ratio:4/3;object-fit:cover}
.wc-block-product-template .wc-block-components-product-price{color:var(--wp--preset--color--accent-4)}

/* --- sectiunea intunecata --- */
.marun-dark h2,.marun-dark h3{color:var(--wp--preset--color--base)}
.marun-dark p{color:#B5ABA0}

/* --- footer --- */
.marun-footer a{text-decoration:none;color:var(--wp--preset--color--base)}
.marun-footer a:hover{color:#D08A70}
.marun-footer p{color:#B5ABA0}
.marun-footer .marun-label{color:#D08A70}
.marun-footer-legal{border-top:1px solid #3F3832}

/* imaginile din sectiuni umplu coloana */
main .wp-block-image.size-full img{width:100%;height:auto}
.marun-hero-title{font-size:clamp(2.3rem,3.6vw,3.3rem)!important}

/* swatch-uri rotunde pe pagina de produs */
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item),
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span{border-radius:50%!important}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){width:30px!important;height:30px!important;padding:2px!important;box-shadow:0 0 0 1px rgba(42,38,34,.18)!important;margin:0 8px 8px 0!important}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover{box-shadow:0 0 0 2px var(--wp--preset--color--contrast)!important}
.woo-variation-swatches .woo-selected-variation-item-name{color:var(--wp--preset--color--accent-4);font-weight:400}
.reset_variations{font-size:.8rem;color:var(--wp--preset--color--accent-4)}

/* a doua culoare la hover in grila */
.wc-block-components-product-image a{position:relative;display:block;overflow:hidden}
.wc-block-components-product-image .marun-hover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.wc-block-components-product-image a:hover .marun-hover-img{opacity:1}
@media (hover:none){.wc-block-components-product-image .marun-hover-img{display:none}}

/* formulare (Contact Form 7) */
.marun-form label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--contrast);margin-bottom:1.1rem}
.marun-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:640px){.marun-form-row{grid-template-columns:1fr}}
.marun-form input:not([type=checkbox]):not([type=submit]),.marun-form select,.marun-form textarea{display:block;width:100%;margin-top:.4rem;padding:.75rem .9rem;border:1px solid var(--wp--preset--color--accent-5);background:#fff;font:inherit;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--wp--preset--color--contrast);border-radius:0;box-sizing:border-box}
.marun-form input:focus,.marun-form select:focus,.marun-form textarea:focus{outline:2px solid var(--wp--preset--color--accent-1);outline-offset:0}
.marun-form .wpcf7-acceptance{font-size:.85rem;color:var(--wp--preset--color--accent-4);display:block;margin:.4rem 0 1.4rem}
.marun-form input[type=submit]{background:var(--wp--preset--color--accent-1);color:#fff;border:0;padding:1.05rem 1.9rem;font:500 .78rem/1 var(--wp--preset--font-family--jost);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.marun-form input[type=submit]:hover{background:var(--wp--preset--color--accent-6)}
.wpcf7 form .wpcf7-response-output{margin:1rem 0 0;padding:.8rem 1rem;border-width:1px;font-size:.9rem}

/* bannerul de cookie-uri in culorile Marun */
.cookieadmin_law_container .cookieadmin_accept_btn,.cookieadmin_cookie_modal .cookieadmin_accept_btn{background:var(--wp--preset--color--contrast)!important;border-color:var(--wp--preset--color--contrast)!important;color:#fff!important}
.cookieadmin_law_container,.cookieadmin_cookie_modal{font-family:var(--wp--preset--font-family--jost)!important;border-radius:0!important}
.marun-form .wpcf7-form-control-wrap{display:block}
.marun-form .marun-form-row label{margin-bottom:1.1rem}