/*
Theme Name: Privacy On Demand
Theme URI: https://myprivacyondemand.com
Description: Privacy On Demand brand child theme of Kadence. Maps the Kadence palette onto the emerald brand, loads Sora + Figtree, and restyles the WooCommerce store (shop, product, cart, checkout, account) to match the myprivacyondemand.com marketing site. Pure styling — no changes to cart, checkout or payment behavior.
Author: Burrows Privacy Solutions LLC
Template: kadence
Version: 1.0.0
Requires PHP: 8.0
*/

/* ============================================================
   1. Brand tokens mapped onto Kadence's global palette + fonts
   Kadence default → brand:
   p1 primary #2B6CB0 → emerald   p2 hover #215387 → deep brand
   p3/p4 headings → ink           p5 body → ink-soft
   p6 muted   p7 line   p8 ground   p9 white
   ============================================================ */
:root{
	--global-palette1:#0aa06e !important;   /* primary accent */
	--global-palette2:#083f31 !important;   /* accent hover / deep */
	--global-palette3:#0b1712 !important;   /* darkest / headings */
	--global-palette4:#12241c !important;   /* headings */
	--global-palette5:#42544b !important;   /* body text */
	--global-palette6:#6b7d74 !important;   /* muted */
	--global-palette7:#e4ebe5 !important;   /* lines / light ui */
	--global-palette8:#f5f8f5 !important;   /* ground */
	--global-palette9:#ffffff !important;   /* white */
	--global-body-font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
	--global-heading-font-family:"Sora","Figtree",sans-serif !important;

	--pod-brand:#0aa06e; --pod-brand-dk:#083f31; --pod-brand-tint:#e7f6ef;
	--pod-ink:#0b1712; --pod-gold:#f2b43c; --pod-line:#e4ebe5;
	--pod-shadow:0 24px 60px -28px rgba(9,40,30,.42);
	--pod-shadow-sm:0 12px 30px -18px rgba(9,40,30,.35);
	--pod-r:16px; --pod-r-sm:12px;
	--pod-ease:cubic-bezier(.2,.75,.2,1);
}

body{font-family:var(--global-body-font-family);letter-spacing:.005em}
h1,h2,h3,h4,h5,.entry-title,.woocommerce-loop-product__title,.product_title{
	font-family:var(--global-heading-font-family) !important;letter-spacing:-.01em}

/* ============================================================
   2. Page hero / title band — mint gradient, Sora title
   ============================================================ */
.wp-site-blocks .entry-hero,
.entry-hero.entry-hero-layout-standard{
	background:linear-gradient(160deg,var(--pod-brand-tint) 0%,#f5f8f5 78%) !important;
	border-bottom:1px solid var(--pod-line);
}
.entry-hero .entry-header .entry-title{color:var(--pod-ink);font-weight:800}
.entry-hero .kadence-breadcrumbs a{color:var(--pod-brand-dk)}

/* ============================================================
   3. Buttons — emerald, rounded, lift on hover
   ============================================================ */
.button, .wp-block-button__link, .kb-button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .woocommerce-message a.button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #respond input#submit.alt, .woocommerce input.button.alt{
	background:var(--pod-brand) !important;color:#fff !important;
	border:0 !important;border-radius:var(--pod-r-sm) !important;
	font-family:"Figtree",sans-serif !important;font-weight:800 !important;
	letter-spacing:.01em;padding:.72em 1.4em !important;line-height:1.2;
	box-shadow:0 10px 24px -14px rgba(10,160,110,.7);
	transition:transform .25s var(--pod-ease),background .2s,box-shadow .25s;
}
.button:hover, .wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{
	background:var(--pod-brand-dk) !important;color:#fff !important;
	transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(10,160,110,.75);
}
/* ghost / secondary button (e.g. "View cart") */
.woocommerce a.added_to_cart{
	color:var(--pod-brand-dk) !important;font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ============================================================
   4. Links + prices
   ============================================================ */
a{color:var(--pod-brand-dk)}
a:hover{color:var(--pod-brand)}
.woocommerce .price, .woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
	color:var(--pod-ink) !important;font-family:"Sora",sans-serif;font-weight:700}
.woocommerce ul.products li.product .price del{color:var(--global-palette6) !important;font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}

/* ============================================================
   5. Product grid — card treatment (shop + categories)
   ============================================================ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	background:#fff;border:1px solid var(--pod-line);border-radius:var(--pod-r);
	padding:14px 14px 18px !important;box-shadow:var(--pod-shadow-sm);
	display:flex;flex-direction:column;
	transition:transform .3s var(--pod-ease),box-shadow .3s,border-color .3s;
}
.woocommerce ul.products li.product:hover{
	transform:translateY(-4px);box-shadow:var(--pod-shadow);border-color:#cfe6db}
/* product photos: show the whole product (contain), no cropping */
.woocommerce ul.products li.product a img{
	border-radius:var(--pod-r-sm);margin-bottom:.85rem;aspect-ratio:1/1;object-fit:contain;
	background:#fbfdfc;padding:8px;border:1px solid #f0f5f2}
/* category tiles are lifestyle photos: fill the frame (cover) */
.woocommerce ul.products li.product-category a img{
	object-fit:cover;padding:0;border:0;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
	font-size:1.02rem !important;font-weight:700;color:var(--pod-ink) !important;
	padding:0 !important;margin:0 0 .3rem}
.woocommerce ul.products li.product .price{margin-top:auto;padding-top:.35rem}
.woocommerce ul.products li.product .button{margin-top:.75rem;align-self:flex-start}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
	background:var(--pod-gold) !important;color:#3a2c05 !important;font-weight:800;
	border-radius:999px;min-height:auto;min-width:auto;padding:.25em .7em;line-height:1.3}
/* category count cards */
.woocommerce ul.products li.product-category mark,
.woocommerce ul.products li.product-category .count{
	color:var(--global-palette6);background:transparent;font-family:"Figtree"}

/* shop toolbar */
.woocommerce .woocommerce-result-count{color:var(--global-palette6);font-style:normal}
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row select, .select2-container .select2-selection{
	border:1px solid var(--pod-line) !important;border-radius:10px}

/* ============================================================
   6. Single product page
   ============================================================ */
.woocommerce div.product .product_title{font-weight:800;color:var(--pod-ink)}
.woocommerce div.product .woocommerce-product-gallery__wrapper img{border-radius:var(--pod-r)}
.woocommerce div.product form.cart div.quantity input.qty{
	border:1px solid var(--pod-line);border-radius:10px;padding:.5em}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-color:var(--pod-brand)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--pod-brand-dk)}
.woocommerce-message, .woocommerce-info{border-top-color:var(--pod-brand) !important}
.woocommerce-message::before, .woocommerce-info::before{color:var(--pod-brand) !important}

/* ============================================================
   7. Cart / checkout — clean forms, brand ring
   ============================================================ */
.woocommerce table.shop_table{border-radius:var(--pod-r);border-color:var(--pod-line)}
.woocommerce table.shop_table th{font-family:"Sora";font-weight:700;color:var(--pod-ink)}
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
	border:1px solid var(--pod-line);border-radius:10px;padding:.6em .75em;
	transition:border-color .2s,box-shadow .2s}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus{
	border-color:var(--pod-brand);box-shadow:0 0 0 3px var(--pod-brand-tint);outline:0}
.woocommerce .cart_totals h2, .woocommerce-checkout h3{font-family:"Sora";color:var(--pod-ink)}
.woocommerce-checkout #payment{background:#f5f8f5;border-radius:var(--pod-r)}
.woocommerce-checkout #payment div.payment_box{background:#eef6f1}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#eef6f1}

/* ============================================================
   8. Header + footer polish (brand cohesion with marketing site)
   ============================================================ */
.site-header-wrap{border-bottom:1px solid var(--pod-line)}
.site-header .site-title, .site-header .site-branding a{color:var(--pod-ink)}
.header-navigation .menu-item a{font-family:"Figtree";font-weight:600}
.header-navigation .menu-item > a:hover,
.header-navigation .current-menu-item > a{color:var(--pod-brand) !important}
/* cart in header */
.header-cart-total, .kadence-cart-total{background:var(--pod-brand) !important;color:#fff !important}
.header-cart-button .kadence-svg-iconset{color:var(--pod-ink)}

/* footer to deep-brand, light text — echoes the marketing footer */
.site-footer, .site-top-footer-wrap, .site-bottom-footer-wrap{
	background:var(--pod-ink) !important;color:#c7d6ce}
.site-footer a, .site-footer .widget-title, .site-footer h2,
.site-footer h3, .site-footer h4{color:#fff !important}
.site-footer a:hover{color:var(--pod-brand) !important}
.pod-footer{text-align:center;line-height:1.7}
.pod-footer-nav{font-family:"Figtree";font-weight:600;font-size:.95rem}
.pod-footer-nav a{color:#dbe8e1 !important}
.pod-footer-nav a:hover{color:var(--pod-brand) !important}
.pod-footer-nav .sep{color:#4a5f54;margin:0 .2rem}
.pod-footer-copy{margin:.5rem 0 0;color:#93a89e;font-size:.86rem}

/* ============================================================
   9. Top trust / announcement bar
   ============================================================ */
.pod-topbar{background:var(--pod-ink);color:#cfe0d8;font-family:"Figtree";font-size:.82rem}
.pod-topbar-inner{max-width:1200px;margin:0 auto;padding:.5rem 1.25rem;
	display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.pod-topbar-usps{display:flex;gap:1.4rem;flex-wrap:wrap}
.pod-topbar-usps span{position:relative;padding-left:1.05rem;white-space:nowrap}
.pod-topbar-usps span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
	width:7px;height:7px;border-radius:50%;background:var(--pod-brand)}
.pod-topbar-phone{color:#fff !important;font-weight:700;text-decoration:none;white-space:nowrap}
.pod-topbar-phone:hover{color:var(--pod-brand) !important}

/* ============================================================
   10. Header nav — keep it on one line, refined
   ============================================================ */
.header-navigation .menu > .menu-item{white-space:nowrap}
.header-navigation ul.menu{flex-wrap:nowrap}
.header-navigation .menu-item > a{padding-left:.7rem;padding-right:.7rem;font-size:.96rem}
/* the store's own link is redundant while shopping — hide it in the header */
.header-navigation .menu-item a[href*="/shop"],
.header-navigation .menu-item a[href*="online-store"]{display:none}

/* ============================================================
   11. Shop intro line
   ============================================================ */
.pod-shop-intro{max-width:70ch;margin:0 0 1.6rem;color:var(--global-palette5);
	font-size:1.05rem;line-height:1.6}
.woocommerce-products-header{margin-bottom:.25rem}

/* ============================================================
   12. Trust-badge strip (above footer)
   ============================================================ */
.pod-trust{background:#fff;border-top:1px solid var(--pod-line);border-bottom:1px solid var(--pod-line)}
.pod-trust-inner{max-width:1160px;margin:0 auto;padding:2rem 1.25rem;
	display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem}
.pod-trust-item{display:flex;align-items:center;gap:.85rem}
.pod-trust-item svg{flex:0 0 auto;width:34px;height:34px;fill:var(--pod-brand);
	background:var(--pod-brand-tint);border-radius:10px;padding:6px;box-sizing:content-box}
.pod-trust-item strong{display:block;font-family:"Sora";font-size:1rem;color:var(--pod-ink);line-height:1.2}
.pod-trust-item span{display:block;font-size:.86rem;color:var(--global-palette6);margin-top:.15rem}

/* ============================================================
   13. Footer contact block
   ============================================================ */
.pod-footer-contact{text-align:center;padding-bottom:.9rem;margin-bottom:.9rem;
	border-bottom:1px solid rgba(255,255,255,.1);line-height:1.9}
.pod-footer-brand{display:block;font-family:"Sora";font-weight:800;font-size:1.15rem;color:#fff}
.pod-footer-line a{color:#dbe8e1 !important;font-weight:600}
.pod-footer-line a:hover{color:var(--pod-brand) !important}
.pod-footer-pay{display:block;font-size:.82rem;color:#8ba398;letter-spacing:.02em;margin-top:.15rem}

/* ============================================================
   14. Focus visibility for keyboard users
   ============================================================ */
a:focus-visible, button:focus-visible, .button:focus-visible, input:focus-visible{
	outline:2px solid var(--pod-brand);outline-offset:2px}