/* ============================================================
   Bee1 Ultra — Default Skin (Bee1 brand premium polish)
   Studio Bee1 · vanilla CSS · RTL-aware · loaded over the engine
   Brand: Navy #171f3b · Bee Gold #fbc109 · bg #f7f8fa · card #fff
   ============================================================ */

:root {
	--bee1-navy: #171f3b;
	--bee1-navy-light: #1d2546;
	--bee1-gold: #fbc109;
	--bee1-gold-hover: #fdc730;
	--bee1-bg: #f7f8fa;
	--bee1-card: #ffffff;
	--bee1-text: #171f3b;
	--bee1-text-2: #64748b;
	--bee1-border: #e2e8f0;
	--bee1-radius: 12px;
	--bee1-radius-sm: 8px;
	--bee1-shadow: 0 1px 2px rgba(23,31,59,.04), 0 8px 24px rgba(23,31,59,.06);
	--bee1-shadow-hover: 0 4px 12px rgba(23,31,59,.10), 0 16px 40px rgba(23,31,59,.10);
	--bee1-transition: 180ms cubic-bezier(.2,.6,.2,1);
}

/* ---- Typography ---- */
body,
button,
input,
select,
textarea {
	font-family: "Heebo", "Noto Sans Hebrew", -apple-system, "Segoe UI", system-ui, sans-serif;
	color: var(--bee1-text);
}
body { background: var(--bee1-bg); }
h1, h2, h3, h4, h5, h6 { color: var(--bee1-navy); font-weight: 700; letter-spacing: -.01em; }

/* ---- Header / nav ---- */
.site-header { background: var(--bee1-card); box-shadow: 0 1px 0 var(--bee1-border); }
.main-navigation,
.main-navigation .inside-navigation { background: var(--bee1-card); }
.main-navigation .main-nav ul li a { color: var(--bee1-navy); font-weight: 500; transition: color var(--bee1-transition); }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a { color: var(--bee1-gold); }

/* ---- Buttons (default = navy, .bee1-cta = gold) ---- */
button, .button, input[type="submit"],
.wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit,
.woocommerce .button.alt {
	background: var(--bee1-navy);
	color: #fff;
	border: 0;
	border-radius: var(--bee1-radius-sm);
	padding: .7em 1.5em;
	font-weight: 600;
	transition: background var(--bee1-transition), transform var(--bee1-transition), box-shadow var(--bee1-transition);
}
button:hover, .button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .button.alt:hover {
	background: var(--bee1-navy-light);
	transform: translateY(-1px);
	box-shadow: var(--bee1-shadow);
}
/* Primary CTA — Bee Gold */
.woocommerce .single_add_to_cart_button,
.woocommerce .checkout-button,
.bee1-cta {
	background: var(--bee1-gold) !important;
	color: var(--bee1-navy) !important;
	font-weight: 700 !important;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.bee1-cta:hover { background: var(--bee1-gold-hover) !important; }

/* ---- Cards / WooCommerce products ---- */
.woocommerce ul.products li.product,
.wc-block-grid__product,
article.post {
	background: var(--bee1-card);
	border: 1px solid var(--bee1-border);
	border-radius: var(--bee1-radius);
	box-shadow: var(--bee1-shadow);
	transition: box-shadow var(--bee1-transition), transform var(--bee1-transition);
	overflow: hidden;
}
.woocommerce ul.products li.product:hover,
article.post:hover { box-shadow: var(--bee1-shadow-hover); transform: translateY(-3px); }
.woocommerce ul.products li.product img { border-radius: var(--bee1-radius) var(--bee1-radius) 0 0; }
.woocommerce ul.products li.product .price { color: var(--bee1-navy); font-weight: 700; }
.woocommerce span.onsale {
	background: var(--bee1-gold);
	color: var(--bee1-navy);
	border-radius: 999px;
	font-weight: 700;
	min-height: auto;
	min-width: auto;
	padding: .25em .8em;
	line-height: 1.6;
}

/* ---- Inputs ---- */
input, select, textarea {
	border: 1px solid var(--bee1-border);
	border-radius: var(--bee1-radius-sm);
	background: var(--bee1-card);
	transition: border-color var(--bee1-transition), box-shadow var(--bee1-transition);
}
input:focus, select:focus, textarea:focus {
	border-color: var(--bee1-navy);
	box-shadow: 0 0 0 3px rgba(23,31,59,.08);
	outline: none;
}

/* ---- Footer ---- */
.site-footer, .site-info { background: var(--bee1-navy); color: #cbd2e3; }
.site-footer a, .site-info a { color: #fff; }
.footer-widgets { background: var(--bee1-navy-light); color: #cbd2e3; }

/* ---- Links ---- */
a { color: var(--bee1-navy); transition: color var(--bee1-transition); }
a:hover { color: var(--bee1-gold); }

/* ---- RTL niceties ---- */
.rtl .woocommerce ul.products li.product { text-align: right; }

/* ---- Bee1 hero ---- */
.bee1-hero {
	background: linear-gradient(135deg, var(--bee1-navy), var(--bee1-navy-light));
	color: #fff;
	border-radius: var(--bee1-radius);
	padding: clamp(2rem, 5vw, 4.5rem) clamp(1.25rem, 4vw, 3rem);
	margin: 0 0 2rem;
	text-align: center;
}
.bee1-hero h1 { color: #fff; font-size: clamp(1.8rem, 4.5vw, 3rem); margin: 0 0 .4em; }
.bee1-hero p { color: #cbd2e3; font-size: clamp(1rem, 2.2vw, 1.25rem); max-width: 48ch; margin: 0 auto 1.5em; }
.bee1-hero .bee1-cta {
	display: inline-block;
	background: var(--bee1-gold);
	color: var(--bee1-navy);
	font-weight: 700;
	padding: .8em 2.2em;
	border-radius: 999px;
	text-decoration: none;
	transition: background var(--bee1-transition), transform var(--bee1-transition);
}
.bee1-hero .bee1-cta:hover { background: var(--bee1-gold-hover); color: var(--bee1-navy); transform: translateY(-2px); }
