/*
Theme Name: Floweritta
Theme URI: https://example.com/
Author: Floweritta
Description: WooCommerce flower shop theme. Products and categories come from the WordPress dashboard. English and Kuwaiti Arabic, product pages, order checkout with area, block, street, house number, delivery date and time, mobile bottom bar and WhatsApp button.
Version: 2.0
Requires at least: 6.0
Requires PHP: 7.4
WC requires at least: 7.0
License: GNU General Public License v2 or later
Text Domain: floweritta
*/
:root{--bg:#f6f8f4;--ink:#14301f;--soft:#4b6454;--pink:#f2b5c4;--lemon:#f1e48c;--card:#fff;--line:#d9e2d9;--btn:#14301f;--btnt:#f6f8f4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1d14;--ink:#eef3ec;--soft:#a8bcab;--card:#17281c;--line:#2a4130;--btn:#f2b5c4;--btnt:#14301f}}
:root[data-theme="dark"]{--bg:#0f1d14;--ink:#eef3ec;--soft:#a8bcab;--card:#17281c;--line:#2a4130;--btn:#f2b5c4;--btnt:#14301f}
*{box-sizing:border-box;margin:0}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 108px);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:17px/1.6 'DM Sans','Cairo',system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .logo,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea{font-family:'Cairo','DM Sans',system-ui,sans-serif}
h1,h2,h3{font-family:'Young Serif',Georgia,serif;font-weight:400;line-height:1.15}
a{color:inherit}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
body{overflow-x:clip}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
.top::before,.tb::before{content:"";position:absolute;inset:0 -100vmax;background:var(--bg);z-index:-1}
.tb{position:relative;color:var(--bg);font-size:.78rem;line-height:1}
.tb::before{background:var(--ink)}
.tb .in{display:flex;justify-content:space-between;align-items:center;height:32px;gap:10px}
.tb span{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg{display:flex;border:1px solid color-mix(in srgb,var(--bg) 45%,transparent);border-radius:99px;overflow:hidden;flex:none}
.seg button{background:transparent;color:var(--bg);border:0;padding:5px 12px;font:500 .74rem/1 'DM Sans','Cairo',sans-serif;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--bg);color:var(--ink)}
header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 0;gap:12px}
.hl{position:relative;justify-self:start}.hr{justify-self:end}
.logo{font-family:'Young Serif',Georgia,serif;font-size:1.4rem;text-decoration:none}
.cartbtn{background:var(--btn);color:var(--btnt);border:0;border-radius:99px;padding:9px 18px;font:500 1rem 'DM Sans',sans-serif;cursor:pointer}
.iconbtn{position:relative;width:46px;height:46px;padding:0;display:grid;place-items:center}
.menubtn{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--pink);color:#14301f;font:700 .75rem/20px 'DM Sans',sans-serif;text-align:center}
#menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:280px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;display:none;flex-direction:column;box-shadow:0 10px 30px #0003}
#menu.open{display:flex}
#menu a{padding:11px 14px;border-radius:10px;text-decoration:none;font-weight:500;background:none;border:0;color:var(--ink);font:inherit;text-align:start;cursor:pointer}
#menu a:hover{background:var(--line)}
#menu .lgrow{display:flex;gap:8px;padding:6px 8px 4px}#menu .lgrow button{flex:1;padding:8px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.92rem;cursor:pointer}#menu .lgrow [aria-pressed="true"]{background:var(--pink);border-color:var(--pink);color:#14301f}
#menu .cb{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;border-radius:10px;background:none;border:0;color:var(--ink);font:inherit;font-weight:500;text-align:start;cursor:pointer}#menu .cb:hover{background:var(--line)}#menu .cb svg{transition:transform .2s}#menu .cb[aria-expanded="true"] svg{transform:rotate(180deg)}
#cpanel{margin:2px 6px 6px;padding:4px;border-radius:12px;background:var(--bg);display:grid;gap:2px}
#menu .crow{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500;line-height:1.35}#menu .crow:hover{background:var(--line)}#menu .crow svg{flex:none;margin-top:2px;color:var(--soft)}#menu .crow small{display:block;padding:0;color:var(--soft);font-size:.76rem;font-weight:400}
#menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:10px 0 30px}
.hero h1{font-size:clamp(1.9rem,5vw,3rem);letter-spacing:-.01em}
.hero p{color:var(--soft);max-width:44ch;margin:12px 0 18px;font-size:1rem}
.cta{display:inline-block;background:var(--btn);color:var(--btnt);padding:11px 24px;border-radius:99px;text-decoration:none;font-weight:700}
.bouquet{position:relative;aspect-ratio:1;max-width:210px;width:100%;margin:0 auto;direction:ltr}
.bouquet .stem{position:absolute;left:49%;bottom:0;width:3%;height:46%;background:#3f7a52;border-radius:4px;transform-origin:bottom}
.bouquet .s2{transform:rotate(-24deg)}.bouquet .s3{transform:rotate(24deg)}
.bouquet .bloom{position:absolute;width:38%;aspect-ratio:1;animation:sway 5s ease-in-out infinite alternate}
.bloom b{position:absolute;inset:0;margin:auto;width:46%;height:46%;border-radius:50%;background:var(--lemon);z-index:2}
.bloom span{position:absolute;left:50%;top:50%;width:44%;height:44%;margin:-22% 0 0 -22%;border-radius:50%/60% 60% 40% 40%;background:var(--c);transform:rotate(var(--r)) translateY(-78%)}
@keyframes sway{to{transform:rotate(5deg)}}
@media (prefers-reduced-motion:reduce){.bloom{animation:none}html{scroll-behavior:auto}#drawer{transition:none}}
section{padding:40px 0}
h2{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:10px}
.sub{color:var(--soft);margin-bottom:30px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.tab{border:1.5px solid var(--line);background:transparent;color:var(--ink);padding:7px 16px;border-radius:99px;font:500 .95rem 'DM Sans',sans-serif;cursor:pointer}
.tab[aria-pressed="true"]{background:var(--pink);border-color:var(--pink);color:#14301f}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.swatch{height:150px;display:grid;place-items:center;font-size:3.6rem}
.card div.b{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1.2rem}
.card p{color:var(--soft);font-size:.94rem;flex:1}
.row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.price{font-weight:700}
.add{background:var(--btn);color:var(--btnt);border:0;border-radius:99px;padding:8px 16px;font:500 .92rem 'DM Sans',sans-serif;cursor:pointer}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:34px}
.info h3{font-size:1.3rem;margin-bottom:8px}
.info p{color:var(--soft)}
.contact{background:var(--pink);color:#14301f;border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contact p{margin-top:10px}
form{display:grid;gap:12px}
input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #14301f55;background:#ffffffcc;font:inherit;color:#14301f}
.contact button{background:#14301f;color:#f6f8f4;border:0;border-radius:99px;padding:13px;font:700 1rem 'DM Sans',sans-serif;cursor:pointer}
#pdp{padding:10px 0 40px}.back{display:inline-block;margin:6px 0 18px;color:var(--soft);font-weight:500}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.pimg{overflow:hidden;aspect-ratio:1;border-radius:22px;display:grid;place-items:center;font-size:7rem}
.pinfo{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.pinfo h2{margin:0}.pcat,.pnote{color:var(--soft);font-size:.95rem}
.pprice{font:700 1.8rem 'DM Sans','Cairo',sans-serif}
.qty{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:99px;padding:4px}
.qty button{width:36px;height:36px;border-radius:50%;border:0;background:var(--line);color:var(--ink);font-size:1.2rem;cursor:pointer}
.pbtns{display:flex;gap:10px;flex-wrap:wrap}.pbtns .cta{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:1rem}.pbtns .alt{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
[hidden]{display:none!important}
#ord{padding:10px 0 40px}#ord h2{margin-bottom:20px}
.ogrid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:start}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}
.fld label,legend{display:block;font-weight:500;font-size:.92rem;margin-bottom:5px}
fieldset{border:0;padding:0;grid-column:1/-1}fieldset .fgrid{margin-top:2px}
legend{font-family:'Young Serif',Georgia,serif;font-size:1.2rem;font-weight:400;margin-bottom:10px;padding:0}
html[lang="ar"] legend{font-family:'Cairo',sans-serif;font-weight:600}
#of input,#of select,#af input,#sq{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
#of .cta,#af .cta{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:1rem;margin-top:6px}
.osum{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.osum h3{margin-bottom:8px}.osum .tot{margin:14px 0 0}
#odone,#oempty{padding:30px 0}#odone p,#oempty p{margin-bottom:18px;font-size:1.1rem}
#sq{margin:6px 0 20px}#acc,#srch{padding:10px 0 40px}#acc h2{margin-bottom:16px}#af{display:grid;gap:14px;max-width:420px}#af label{display:block;font-weight:500;font-size:.92rem;margin-bottom:5px}#acc h3{margin:28px 0 6px}
.bn{display:none}
.bn a,.bn button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:var(--soft);font:500 .72rem/1.2 'DM Sans','Cairo',sans-serif;text-decoration:none;padding:6px 0;cursor:pointer}
.bn [aria-current="page"]{color:var(--ink);font-weight:700}
.bn .badge{top:0;inset-inline-end:auto;inset-inline-start:calc(50% + 4px)}
@media(max-width:760px){.bn{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}body{padding-bottom:68px}}
#wa{position:fixed;inset-inline-end:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:34;box-shadow:0 6px 18px #0004}
@media(max-width:760px){#wa{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}
footer{padding:36px 0;color:var(--soft);font-size:.9rem}
#drawer{position:fixed;top:0;inset-inline-end:0;bottom:0;width:min(360px,100%);background:var(--card);border-inline-start:1px solid var(--line);padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;z-index:40}
[dir="rtl"] #drawer{transform:translateX(-100%)}
#drawer.open,[dir="rtl"] #drawer.open{transform:none}
#items{flex:1;overflow:auto;margin:16px 0}
.th{width:52px;height:52px;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:1.6rem;flex:none}.nm{display:flex;gap:10px;align-items:center}.ci{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.ci button{background:none;border:0;color:var(--soft);cursor:pointer;font:inherit;text-decoration:underline}
.tot{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;margin-bottom:14px}
@media(max-width:760px){.hero{grid-template-columns:1fr 110px;gap:12px}.bouquet{max-width:110px}.pd,.ogrid{grid-template-columns:1fr}.pimg{font-size:5rem}.contact{padding:26px}}

.swatch img{width:100%;height:100%;object-fit:cover;display:block}.swatch .ph{font-size:3.6rem}
.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.price del{opacity:.55;font-weight:400}.price ins{text-decoration:none}
.page{padding:10px 0 50px}.page h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:10px 0 20px}.page .tabs{margin-top:4px}
.pdesc{color:var(--soft)}.pdesc p{margin:0 0 .6em}
.pinfo form.cart{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.qlabel{font-weight:500;display:flex;align-items:center;gap:12px}.qin{width:84px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
.pbtns .cta{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:1rem}
a.cartbtn{text-decoration:none;display:inline-grid}
#sp{position:fixed;inset:0;background:#0008;z-index:50;display:grid;place-items:start center;padding:90px 16px}
#sp form{background:var(--card);padding:14px;border-radius:16px;display:flex;gap:10px;width:min(520px,100%)}
#sp input[type=search]{flex:1;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
#sp .cta{border:0;cursor:pointer;font-family:inherit;font-weight:700;padding:11px 20px}
.entry{max-width:760px}
/* WooCommerce pages: cart, checkout, account */
body .woocommerce a.button,body .woocommerce button.button,body .woocommerce input.button,body .woocommerce a.button.alt,body .woocommerce button.button.alt,body .woocommerce #place_order{background:var(--btn);color:var(--btnt);border-radius:99px;padding:12px 24px;font-weight:700;font-family:inherit;border:0}
body .woocommerce a.button:hover,body .woocommerce button.button:hover,body .woocommerce button.button.alt:hover{background:var(--btn);color:var(--btnt);opacity:.9}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit}
.woocommerce form .form-row label{font-weight:500}
.woocommerce table.shop_table{border-radius:14px;border-color:var(--line);background:var(--card)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{color:var(--ink);border-color:var(--line)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--card);color:var(--ink);border-top-color:var(--pink)}
.woocommerce-checkout #payment{background:var(--card);border-radius:14px}.woocommerce-checkout #payment div.payment_box{background:var(--bg);color:var(--ink)}
.woocommerce-checkout #payment ul.payment_methods{border-color:var(--line)}
.woocommerce a{color:inherit}.woocommerce a.button{text-decoration:none}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation a{display:block;padding:8px 0;text-decoration:none;font-weight:500}
.woocommerce-checkout h3{font-family:'Young Serif',Georgia,serif;font-weight:400}
html[lang="ar"] .woocommerce-checkout h3{font-family:'Cairo',sans-serif;font-weight:600}