/*
Theme Name: Dr. Rao Naashta
Theme URI: https://doctorraonaashta.com
Author: Dr. Rao Naashta
Description: Block theme for Dr. Rao Naashta, homemade Power Talbina. Brand colours, self-hosted fonts and editable patterns, ready for WooCommerce.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dr-rao-naashta
*/

/* Only what theme.json cannot express lives here. */

.skip-link:focus { position: fixed; top: .5rem; left: .5rem; z-index: 1000; background: var(--wp--preset--color--green); color: var(--wp--preset--color--cream-light); padding: .6rem 1rem; border-radius: var(--wp--custom--radius); }

/* Arabic text */
.is-style-arabic,
.naashta-arabic { font-family: var(--wp--preset--font-family--amiri); font-weight: 700; direction: rtl; unicode-bidi: isolate; }

/* Header */
.naashta-header { border-bottom: 1px solid var(--wp--preset--color--beige); }
.naashta-brand { gap: .75rem !important; }
.naashta-brand img { width: 58px; height: auto; display: block; }
.naashta-brand .wp-block-site-tagline { margin: .15rem 0 0; font-size: .8rem; letter-spacing: .04em; color: var(--wp--preset--color--muted); }
.naashta-header .wp-block-navigation a:hover { color: var(--wp--preset--color--honey-text); }
.naashta-header .wc-block-mini-cart__button { color: var(--wp--preset--color--green); }

/* Hero: cover image with a milk-coloured wash on the text side */
.naashta-hero.wp-block-cover { min-height: min(78vh, 680px); }
.naashta-hero .wp-block-cover__background { background: linear-gradient(90deg, rgba(246,239,225,.97) 0%, rgba(246,239,225,.9) 38%, rgba(246,239,225,.15) 70%, rgba(246,239,225,0) 100%) !important; opacity: 1 !important; }
.naashta-hero h1 { max-width: 13ch; }
.naashta-hero .naashta-lead { max-width: 34ch; }
@media (max-width: 781px) {
	.naashta-hero .wp-block-cover__background { background: rgba(246,239,225,.9) !important; }
}

/* Highlights strip */
.naashta-highlights { border-block: 1px solid var(--wp--preset--color--beige); }
.naashta-highlights p { margin: 0; font-weight: 500; color: var(--wp--preset--color--green); }
.naashta-highlights p::before { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-right: .65rem; transform: rotate(45deg) translateY(-2px); background: var(--wp--preset--color--honey); }

/* Story band: arch-topped image frame echoes the mihrab in the brand */
.naashta-arch img { border-radius: 999px 999px var(--wp--custom--radius) var(--wp--custom--radius); aspect-ratio: 4 / 5; object-fit: cover; }

/* Prepare steps */
.naashta-step-number { font-family: var(--wp--preset--font-family--fraunces); font-size: 3rem; line-height: 1; color: var(--wp--preset--color--honey); margin: 0; }

/* FAQ */
.wp-block-details summary { font-family: var(--wp--preset--font-family--fraunces); font-size: 1.25rem; color: var(--wp--preset--color--green); cursor: pointer; }
.wp-block-details summary:focus-visible { outline: 2px solid var(--wp--preset--color--honey); outline-offset: 3px; }
.wp-block-details[open] summary { margin-bottom: .5rem; }

/* WooCommerce touches */
.woocommerce ul.products li.product .price,
.wc-block-components-product-price { color: var(--wp--preset--color--green); font-weight: 600; }
.wc-block-components-product-image img,
.woocommerce ul.products li.product img { border-radius: var(--wp--custom--radius); background: var(--wp--preset--color--beige); }
.woocommerce span.onsale { background: var(--wp--preset--color--honey); color: var(--wp--preset--color--ink); }

/* WhatsApp floating button */
.naashta-whatsapp { position: fixed; right: 1.25rem; bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px)); z-index: 90; display: inline-flex; align-items: center; gap: .55rem; min-height: 48px; padding: .7rem 1.1rem; border-radius: 999px; background: var(--wp--preset--color--green); color: var(--wp--preset--color--cream-light) !important; text-decoration: none !important; font-weight: 500; box-shadow: 0 8px 24px rgba(20,51,39,.25); }
.naashta-whatsapp:hover { background: var(--wp--preset--color--green-dark); }
.naashta-whatsapp:focus-visible { outline: 2px solid var(--wp--preset--color--honey); outline-offset: 3px; }
.naashta-whatsapp svg { width: 20px; height: 20px; flex: none; }

/* Footer */
.naashta-footer a { color: var(--wp--preset--color--cream-light); }
.naashta-footer a:hover { color: var(--wp--preset--color--honey); }
.naashta-footer .wp-block-separator { opacity: .35; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}