/*
Theme Name: Candle Di Arma
Template: twentytwentyfive
Description: Θέμα για το κατάστημα Candle Di Arma — χειροποίητα κεριά.
Version: 1.0.0
Text Domain: candle-di-arma
*/

/* Ornament like the logo: ——— ♥ ——— */
.cda-ornament { display:flex; align-items:center; justify-content:center; gap:1rem; color:var(--wp--preset--color--contrast); }
.cda-ornament::before, .cda-ornament::after { content:""; height:1px; width:min(160px,28vw); background:currentColor; opacity:.55; }
.cda-eyebrow { text-transform:uppercase; letter-spacing:.32em; font-size:.74rem; font-weight:500; color:var(--wp--preset--color--accent-1); }

/* Header */
.cda-header { position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--wp--preset--color--accent-3); }
.admin-bar .cda-header { top:32px; }

/* Hero: soft candle glow */
.cda-hero { background: radial-gradient(ellipse 55% 50% at 50% 38%, rgba(205,181,148,.13), transparent 70%), var(--wp--preset--color--base); }
.cda-hero h1 { text-wrap:balance; }

/* Value cards */
.cda-values .wp-block-column { border-top:1px solid var(--wp--preset--color--accent-3); padding-top:1.6rem; }

/* Products */
.wc-block-components-product-image img, .woocommerce ul.products li.product img, .wc-block-grid__product-image img { aspect-ratio:4/5; object-fit:cover; background:var(--wp--preset--color--accent-2); }
.wp-block-woocommerce-product-template .wp-block-post-title, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-family:var(--wp--preset--font-family--eb-garamond); font-size:1.35rem; font-weight:400; }
.wc-block-components-product-price, .woocommerce .price { color:var(--wp--preset--color--accent-1) !important; letter-spacing:.04em; }
.wc-block-components-product-sale-badge, .woocommerce span.onsale { background:var(--wp--preset--color--contrast); color:var(--wp--preset--color--base); border-radius:0; border:0; text-transform:uppercase; letter-spacing:.15em; }

/* Forms on dark background */
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=search], textarea, select,
.wc-block-components-text-input input, .wc-blocks-components-select select {
  background:var(--wp--preset--color--accent-2) !important; color:var(--wp--preset--color--contrast) !important;
  border:1px solid var(--wp--preset--color--accent-3) !important; border-radius:0 !important; }
.wc-block-components-text-input label, .wc-blocks-components-select label { color:var(--wp--preset--color--accent-4) !important; }
.wc-block-components-notice-banner { background:var(--wp--preset--color--accent-2); color:var(--wp--preset--color--contrast); border-radius:0; }
.wc-block-components-notice-banner svg { fill:currentColor; }

/* Footer */
.cda-footer { border-top:1px solid var(--wp--preset--color--accent-3); }
.cda-footer a { text-decoration:none; }
.cda-footer a:hover { text-decoration:underline; }

/* Logo has a pure-black square background: let it melt into the page */
.wp-block-site-logo img { mix-blend-mode: screen; clip-path: circle(45.6% at 50% 50%); }

/* Product placeholder images (until real photos are added) in brand tones */
img[src*="woocommerce-placeholder"] { filter: invert(1) sepia(.25) brightness(.55); }

/* Outlined add-to-cart buttons in product grids */
.wc-block-components-product-button .wp-block-button__link, .woocommerce ul.products li.product .button {
  border:1px solid var(--wp--preset--color--accent-3) !important; padding:.8em 1.6em !important; font-size:.7rem !important; }
.wc-block-components-product-button .wp-block-button__link:hover, .woocommerce ul.products li.product .button:hover {
  border-color:var(--wp--preset--color--contrast) !important; }
.wp-block-woocommerce-product-template > li { display:flex; flex-direction:column; }
.wp-block-woocommerce-product-template > li .wc-block-components-product-button { margin-top:auto !important; }

/* Product gallery frame */
.wc-block-components-product-image, .woocommerce-product-gallery__image, .woocommerce div.product div.images { border-color:var(--wp--preset--color--accent-3) !important; }