/*
Theme Name: Fluffy Blooms Studio
Description: Fluffy Blooms Studio için hazırlanmış, WooCommerce uyumlu el yapımı çiçek mağazası teması.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fluffy-blooms
License: GPLv2 or later
*/

:root {
	--fb-green: #1F4A3A;
	--fb-green-2: #3C6656;
	--fb-rose: #A8434F;
	--fb-rose-soft: #F2C4C9;
	--fb-blush: #F4E6E1;
	--fb-cream: #FBF6F2;
	--fb-line: #EADBD4;
	--fb-ink: #2B2724;
	--fb-muted: #5E5550;
	--fb-serif: 'Cormorant Garamond', Georgia, serif;
	--fb-script: 'Great Vibes', cursive;
	--fb-sans: 'Jost', system-ui, sans-serif;
	--fb-wrap: 1280px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--fb-cream); color: var(--fb-ink); font-family: var(--fb-sans); font-size: 16px; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--fb-green); text-decoration: none; }
a:hover { color: var(--fb-rose); }
:focus-visible { outline: 2px solid var(--fb-rose); outline-offset: 3px; }
h1, h2, h3 { font-family: var(--fb-serif); font-weight: 500; color: var(--fb-green); line-height: 1.1; }

.fb-wrap { width: 100%; max-width: var(--fb-wrap); margin: 0 auto; padding: 0 24px; }
.fb-skip { position: absolute; left: -9999px; }
.fb-skip:focus { left: 16px; top: 16px; z-index: 100; background: #fff; padding: 8px 16px; }

/* Üst şerit ve başlık */
.fb-topbar { background: var(--fb-green); color: #F6E9E4; display: flex; gap: 16px; justify-content: center; align-items: center; min-height: 40px; padding: 6px 16px; font-size: 13px; letter-spacing: .06em; text-align: center; }
.fb-header { background: var(--fb-cream); border-bottom: 1px solid var(--fb-line); position: sticky; top: 0; z-index: 50; }
.fb-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 96px; }
.fb-brand { display: flex; align-items: center; gap: 12px; }
.fb-brand img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; }
.fb-brand-text { display: flex; flex-direction: column; line-height: 1; }
.fb-brand-top { font-family: var(--fb-serif); font-size: 24px; font-weight: 600; letter-spacing: .18em; color: var(--fb-green); }
.fb-brand-script { font-family: var(--fb-script); font-size: 24px; color: var(--fb-green); margin-top: -2px; }
.fb-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; font-size: 15px; }
.fb-menu a { color: var(--fb-ink); padding: 8px 0; display: inline-block; }
.fb-menu a:hover, .fb-menu .current-menu-item > a { color: var(--fb-rose); }
.fb-header-actions { display: flex; align-items: center; gap: 4px; }
.fb-icon-btn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--fb-green); background: none; border: 0; cursor: pointer; position: relative; }
.fb-menu-toggle { display: none; }
.fb-cart-count { position: absolute; top: 2px; right: 0; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--fb-rose); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; }

/* Butonlar */
.fb-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.fb-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 30px; border-radius: 26px; background: var(--fb-green); color: #fff; border: 1.5px solid var(--fb-green); font-size: 16px; letter-spacing: .03em; transition: background .2s, color .2s; }
.fb-btn:hover { background: #163a2d; color: #fff; }
.fb-btn-outline { background: transparent; color: var(--fb-green); }
.fb-btn-outline:hover { background: var(--fb-green); color: #fff; }
.fb-btn-light { background: var(--fb-blush); border-color: var(--fb-blush); color: var(--fb-green); }
.fb-btn-light:hover { background: #fff; color: var(--fb-green); }
.fb-btn-outline-light { background: transparent; border-color: var(--fb-blush); color: var(--fb-blush); }
.fb-btn-outline-light:hover { background: var(--fb-blush); color: var(--fb-green); }
.fb-link { border-bottom: 1px solid currentColor; padding-bottom: 3px; font-size: 15px; }

/* Hero */
.fb-hero { background: var(--fb-blush); padding: 72px 0; }
.fb-hero-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: center; }
.fb-kicker { margin: 0 0 20px; font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: var(--fb-green); }
.fb-hero h1 { margin: 0 0 24px; font-size: clamp(44px, 6vw, 72px); line-height: 1.02; }
.fb-script { display: block; font-family: var(--fb-script); font-weight: 400; color: var(--fb-rose); font-size: 1.15em; line-height: 1.1; }
.fb-lead { margin: 0 0 32px; max-width: 32em; font-size: 18px; line-height: 1.65; color: #4A423D; }
.fb-hero-media { position: relative; height: 560px; }
.fb-hero-main { position: absolute; right: 22%; top: 0; width: 62%; height: 86%; object-fit: cover; border-radius: 200px 200px 16px 16px; }
.fb-hero-small { position: absolute; right: 0; bottom: 0; width: 38%; height: 54%; object-fit: cover; border-radius: 16px; border: 8px solid var(--fb-blush); }
.fb-hero-badge { position: absolute; left: 0; bottom: 40px; width: 140px; height: 140px; border-radius: 50%; background: var(--fb-cream); border: 1px solid var(--fb-green); display: flex; align-items: center; justify-content: center; text-align: center; font-family: var(--fb-serif); font-size: 19px; line-height: 1.2; color: var(--fb-green); }

/* Güven şeridi */
.fb-trust { border-bottom: 1px solid var(--fb-line); padding: 36px 0; }
.fb-trust-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.fb-trust-item { display: flex; align-items: center; gap: 14px; color: var(--fb-green); }
.fb-trust-item svg { flex-shrink: 0; }
.fb-trust-item div { display: flex; flex-direction: column; }
.fb-trust-item strong { font-weight: 500; color: var(--fb-ink); }
.fb-trust-item span { font-size: 14px; color: var(--fb-muted); }

/* Bölümler */
.fb-section { padding: 88px 0; }
.fb-section-tight { padding-top: 24px; }
.fb-blush { background: var(--fb-blush); }
.fb-heading { margin-bottom: 40px; }
.fb-heading h2 { margin: 0; font-size: clamp(34px, 4vw, 48px); }
.fb-center { text-align: center; }
.fb-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.fb-script-sm { display: block; font-family: var(--fb-script); font-size: 34px; color: var(--fb-rose); line-height: 1.2; }
.fb-empty { color: var(--fb-muted); font-size: 17px; }

/* Kategoriler */
.fb-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.fb-cat { display: flex; flex-direction: column; gap: 14px; }
.fb-cat img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 160px 160px 12px 12px; }
.fb-cat span { font-family: var(--fb-serif); font-size: 26px; text-align: center; color: var(--fb-green); }

/* Size özel */
.fb-custom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--fb-green); }
.fb-custom img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.fb-custom-text { padding: 72px clamp(24px, 6vw, 96px); display: flex; flex-direction: column; justify-content: center; gap: 20px; color: #E6D8D2; }
.fb-custom-text .fb-script-sm { color: var(--fb-rose-soft); font-size: 40px; }
.fb-custom-text h2 { margin: 0; color: #fff; font-size: clamp(34px, 4vw, 52px); }
.fb-custom-text p { margin: 0; font-size: 17px; line-height: 1.7; max-width: 34em; }

/* Adımlar */
.fb-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; text-align: center; }
.fb-steps li { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.fb-steps span { width: 64px; height: 64px; border-radius: 50%; border: 1px solid var(--fb-green); display: flex; align-items: center; justify-content: center; font-family: var(--fb-serif); font-size: 30px; color: var(--fb-green); }
.fb-steps strong { font-weight: 500; font-size: 18px; }
.fb-steps p { margin: 0; font-size: 15px; color: var(--fb-muted); max-width: 22em; }

/* Instagram */
.fb-insta { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.fb-insta img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }

/* Alt bilgi */
.fb-footer { background: var(--fb-green); color: #E6D8D2; padding: 64px 0 32px; }
.fb-footer a { color: #E6D8D2; }
.fb-footer a:hover { color: #fff; }
.fb-footer-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
.fb-footer-col { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.fb-footer-col h2 { margin: 0 0 6px; font-family: var(--fb-sans); font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.fb-footer-brand { margin: 0; font-family: var(--fb-serif); font-size: 28px; letter-spacing: .16em; color: #fff; }
.fb-footer-brand span { font-family: var(--fb-script); letter-spacing: 0; }
.fb-footer-col p { margin: 0; line-height: 1.7; }
.fb-footer-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.fb-footer-bottom { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--fb-green-2); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; color: #C9BBB5; }

/* Sayfalar */
.fb-page { padding-top: 56px; padding-bottom: 88px; }
.fb-page-title { font-size: clamp(36px, 5vw, 52px); margin: 0 0 32px; }
.fb-content { max-width: 1100px; }
.fb-content p, .fb-content li { max-width: 72ch; }

/* WooCommerce */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0 !important; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; background: #fff; border: 1px solid #EFE2DC; border-radius: 16px; padding: 14px 14px 20px; display: flex; flex-direction: column; }
.woocommerce ul.products li.product a img { aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; margin-bottom: 14px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--fb-serif); font-size: 22px !important; font-weight: 600; color: var(--fb-ink); padding: 0 4px !important; }
.woocommerce ul.products li.product .price { color: var(--fb-green) !important; font-size: 17px !important; font-weight: 500; padding: 0 4px; }
.woocommerce ul.products li.product .button { margin-top: auto !important; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .wc-block-components-button:not(.is-link) {
	background: var(--fb-green) !important; color: #fff !important; border-radius: 24px !important; padding: 14px 26px !important; font-family: var(--fb-sans) !important; font-weight: 500 !important; letter-spacing: .03em; border: 0 !important; text-align: center;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .wc-block-components-button:not(.is-link):hover { background: #163a2d !important; }
.woocommerce ul.products li.product .button { background: transparent !important; color: var(--fb-green) !important; border: 1.5px solid var(--fb-green) !important; }
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button.added { background: var(--fb-green) !important; color: #fff !important; }
.woocommerce span.onsale { background: var(--fb-rose); border-radius: 20px; min-height: auto; min-width: auto; padding: 4px 12px; line-height: 1.4; }
.woocommerce div.product .product_title { font-size: clamp(34px, 4vw, 48px); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--fb-green); font-size: 24px; }
.woocommerce div.product div.images img { border-radius: 16px; }
.woocommerce div.product.product-type-external form.cart .button { min-width: 240px; }
.fb-secure-note { margin: 12px 0 0; font-size: 14px; color: var(--fb-muted); }
.woocommerce .woocommerce-breadcrumb { color: var(--fb-muted); margin-bottom: 24px; }
.woocommerce .woocommerce-breadcrumb a { color: var(--fb-green); }
.woocommerce-message, .woocommerce-info { border-top-color: var(--fb-green) !important; background: #fff; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--fb-green) !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border: 1px solid #D9C8C1; border-radius: 10px; padding: 12px 14px; background: #fff; }
.woocommerce .woocommerce-ordering select { border: 1px solid #D9C8C1; border-radius: 10px; padding: 8px 12px; background: #fff; }

/* Tablet */
@media (max-width: 1080px) {
	.fb-menu { gap: 18px; font-size: 14px; }
	.fb-cats, .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fb-trust-grid, .fb-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fb-insta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Mobil */
@media (max-width: 860px) {
	.fb-hide-sm { display: none; }
	.fb-menu-toggle { display: inline-flex; }
	.fb-header-inner { min-height: 72px; gap: 8px; }
	.fb-brand img { width: 48px; height: 48px; }
	.fb-brand-top { font-size: 19px; }
	.fb-brand-script { font-size: 20px; }
	.fb-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--fb-cream); border-bottom: 1px solid var(--fb-line); padding: 8px 24px 20px; }
	.fb-nav.is-open { display: block; }
	.fb-menu { flex-direction: column; gap: 0; font-size: 17px; }
	.fb-menu a { display: block; padding: 12px 0; }
	.fb-hero { padding: 0 0 40px; }
	.fb-hero-inner { grid-template-columns: 1fr; gap: 28px; padding: 0; }
	.fb-hero-media { order: -1; height: 420px; }
	.fb-hero-main { position: static; width: 100%; height: 420px; border-radius: 0; }
	.fb-hero-small, .fb-hero-badge { display: none; }
	.fb-hero-text { padding: 0 24px; }
	.fb-actions .fb-btn { flex: 1 1 100%; }
	.fb-section { padding: 56px 0; }
	.fb-section-tight { padding-top: 16px; }
	.fb-cats, .woocommerce ul.products { gap: 14px; }
	.fb-cat span { font-size: 20px; }
	.woocommerce ul.products li.product { padding: 8px 8px 12px; border-radius: 12px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 18px !important; }
	.woocommerce ul.products li.product .button { padding: 12px 10px !important; font-size: 14px; }
	.fb-custom { grid-template-columns: 1fr; }
	.fb-custom img { min-height: 240px; height: 260px; }
	.fb-custom-text { padding: 36px 24px 44px; }
	.fb-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; }
	.fb-footer-grid { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 480px) {
	.fb-topbar { font-size: 11px; gap: 8px; }
	.fb-trust-grid { grid-template-columns: 1fr; }
	.fb-insta { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
}