@import '../../../html-design/css/site.css';
@import '../../../html-design/css/custom.css';
@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
html[dir='rtl'] body { font-family: 'Cairo', ui-sans-serif, system-ui, sans-serif; }
/* Product-request modals are rendered by nested Livewire components; keep their viewport layer independent of page layout. */
.product-request-form > .lead-form-overlay { position: fixed !important; z-index: 90 !important; inset: 0 !important; display: block !important; }
.product-request-form > .lead-form-dialog { position: fixed !important; z-index: 100 !important; display: block !important; }
/* Register approved PHP-design assets with Vite for Blade's Vite::asset URLs. */
:root { --seednest-asset-logo: url('../../../html-design/assets/logos/seed-nest-logo.png'); --seednest-asset-farm: url('../../../html-design/assets/images/farm-landscape.jpg'); --seednest-asset-about-hero: url('../../../html-design/assets/images/about/about-hero.jpg'); --seednest-asset-products-hero: url('../../../html-design/assets/images/products-hero.jpg'); --seednest-asset-empowerment-hero: url('../../../html-design/assets/images/empowerment/empowerment-hero.jpg'); --seednest-asset-cat-herbs: url('../../../html-design/assets/images/cat-herbs.jpg'); --seednest-asset-cat-seeds: url('../../../html-design/assets/images/cat-seeds.jpg'); --seednest-asset-cat-spices: url('../../../html-design/assets/images/cat-spices.jpg'); --seednest-asset-cat-hot-oils: url('../../../html-design/assets/images/cat-hot-oils.jpg'); --seednest-asset-cat-cold-oils: url('../../../html-design/assets/images/cat-cold-oils.jpg'); --seednest-asset-cat-garlic-onion: url('../../../html-design/assets/images/cat-garlic-onion.jpg'); }
.nav-link[aria-disabled='true'] { cursor: default; }
.mobile-nav-static, .mobile-nav-group-links span { width: 100%; color: var(--olive); text-align: start; justify-content: space-between; align-items: center; gap: 1rem; font-size: .88rem; line-height: 1.35; display: flex; }
.mobile-nav-static { border-bottom: 1px solid var(--color-border); min-height: 3.55rem; font-weight: 500; }
.mobile-nav-group-links span { min-height: 3rem; padding-inline: .75rem; color: color-mix(in srgb, var(--olive) 75%, transparent); }
.mobile-nav-languages { display: grid; gap: .35rem; padding: 1.25rem 0 .25rem; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cedar); }
.site-header.is-scrolled .nav-link[aria-disabled='true'] { color: color-mix(in srgb, var(--olive) 75%, transparent); }
.inline-edit-trigger { position: absolute; z-index: 20; right: 1.25rem; top: 7rem; border: 1px solid rgb(255 250 238 / .45); border-radius: .125rem; background: rgb(31 53 41 / .48); color: var(--cream); padding: .4rem .6rem; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(6px); }
.inline-edit-control { position: relative; display: inline-flex; margin-inline-start: .4rem; vertical-align: middle; }
.inline-edit-trigger--field { position: static; border-color: rgb(31 53 41 / .25); background: rgb(255 250 238 / .86); color: var(--olive); padding: .2rem .35rem; font-size: .55rem; }
.inline-edit-trigger--section { top: 1rem; color: var(--olive); border-color: rgb(31 53 41 / .25); background: rgb(255 250 238 / .86); }
.contact-details-section > .about-inline-editor:nth-last-child(2) .inline-edit-trigger--section { top: 1rem; }
.contact-details-section > .about-inline-editor:last-child .inline-edit-trigger--section { top: 4rem; }
.inline-edit-trigger--hero { top: 7rem !important; }
.news-page-inline-editor .inline-edit-trigger--hero { top: 8rem !important; z-index: 60; }
.about-inline-editor .inline-edit-trigger--hero { top: 8rem !important; z-index: 60; }
.news-card { position: relative; }
.events-featured { position: relative; }
.events-page-inline-editor--events-cta { position: absolute; z-index: 5; inset-block-start: 1rem; inset-inline-end: 1.25rem; }
.events-page-inline-editor--events-cta .inline-edit-trigger { position: static; }
.event-detail-pathways .events-page-inline-editor { position: absolute; z-index: 5; inset-block-start: 1rem; inset-inline-end: 1rem; }
.event-detail-pathways .events-page-inline-editor .inline-edit-trigger { position: static; }
.article-header > .event-inline-editor { position: absolute; z-index: 5; inset-block-start: 1rem; inset-inline-end: 1.25rem; }
.article-header > .event-inline-editor .inline-edit-trigger, .event-information > .event-inline-editor .inline-edit-trigger, .article-rich-content > .event-inline-editor .inline-edit-trigger, .article-hero-image > .event-inline-editor .inline-edit-trigger { position: static; }
.article-hero-image { position: relative; }
.article-hero-image > .event-inline-editor { position: absolute; z-index: 5; inset-block-start: 1rem; inset-inline-end: 1rem; }
.event-information, .article-rich-content { position: relative; }
.event-information > .event-inline-editor, .article-rich-content > .event-inline-editor { position: absolute; z-index: 5; inset-block-start: 1rem; inset-inline-end: 1rem; }
.events-featured-image > .event-inline-editor { position: absolute; z-index: 5; inset-block-start: 1rem; inset-inline-end: 1rem; }
.event-card > .event-inline-editor { position: absolute; z-index: 5; inset-block-start: .75rem; inset-inline-end: .75rem; }
.events-featured > .events-featured-content > .event-inline-editor .inline-edit-trigger, .event-card > .event-inline-editor .inline-edit-trigger { position: static; border-radius: 999px; background: rgb(255 250 238 / .92); color: var(--olive); border-color: rgb(31 53 41 / .2); }
.event-card > .event-inline-editor--card { z-index: 30; }
.event-card > .event-inline-editor--card .inline-edit-trigger { box-shadow: 0 .3rem 1rem rgb(31 53 41 / .18); font-weight: 600; }
/* Keep the public-card editor above the image and card-link layer in every compiled source variant. */
.event-card { position: relative; }
.event-card .event-inline-editor--card { position: absolute !important; z-index: 60 !important; inset-block-start: .75rem !important; inset-inline-end: .75rem !important; display: block !important; visibility: visible !important; opacity: 1 !important; }
.event-card .event-inline-editor--card > .inline-edit-trigger { position: static !important; z-index: 61 !important; display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center; min-height: 2.35rem; padding: .5rem .75rem; background: var(--cream) !important; color: var(--olive) !important; border: 1px solid rgb(31 53 41 / .3) !important; box-shadow: 0 .35rem 1rem rgb(31 53 41 / .24) !important; }
#events-listing { scroll-margin-top: 8rem; }
@media (max-width: 639px) { #events-listing { scroll-margin-top: 6.5rem; } }
.events-status-controls a { color: inherit; border-bottom: 1px solid transparent; padding: .25rem 0; transition: color .2s, border-color .2s; }
.events-status-controls a:hover, .events-status-controls a[data-active='true'] { border-color: var(--cedar); color: var(--olive); }
.events-status-controls a:focus-visible, .events-empty a:focus-visible { outline: 2px solid var(--cedar); outline-offset: 3px; }
.events-empty a { border-bottom: 1px solid var(--cedar); color: var(--cedar); letter-spacing: .1em; text-transform: uppercase; margin-inline-start: auto; padding-bottom: .2rem; font-size: .66rem; font-weight: 500; }
@media (max-width: 639px) { .events-empty a { width: 100%; margin-inline-start: 3rem; text-align: start; } }
.news-card > .news-article-inline-editor .inline-edit-trigger { top: .75rem; right: .75rem; z-index: 20; }
.vision-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 48rem) { .vision-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.inline-edit-backdrop { position: fixed; z-index: 110; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 1rem; background: rgb(0 0 0 / .55); }
.inline-edit-modal { width: min(100%, 38rem); max-height: calc(100dvh - 2rem); overflow-y: auto; background: var(--cream); color: var(--olive); box-shadow: 0 1rem 3rem rgb(0 0 0 / .35); }
.inline-edit-modal__header, .inline-edit-modal__actions { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.25rem 1.5rem; flex-wrap: wrap; }
.inline-edit-modal__header > button { border: 1px solid rgb(31 53 41 / .25); background: var(--olive); color: var(--cream); padding: .15rem .5rem; font-size: 1.2rem; line-height: 1; }
.inline-edit-modal__actions button { border: 1px solid var(--olive); border-radius: .125rem; padding: .65rem 1rem; font: inherit; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, opacity .2s; }
.inline-edit-modal__actions .button--dark { background: var(--olive); color: var(--cream); }
.inline-edit-modal__actions .button--dark:hover, .inline-edit-modal__actions .button--dark:focus-visible { background: color-mix(in srgb, var(--olive) 86%, black); }
.inline-edit-modal__actions .button--quiet { background: color-mix(in srgb, var(--olive) 8%, var(--cream)); color: var(--olive); }
.inline-edit-modal__actions .button--quiet:hover, .inline-edit-modal__actions .button--quiet:focus-visible { background: color-mix(in srgb, var(--olive) 16%, var(--cream)); }
.inline-edit-modal__actions button:disabled { cursor: not-allowed; opacity: .55; }
.inline-edit-modal form { display: grid; gap: 1rem; padding: 0 1.5rem 1.5rem; }
.inline-edit-modal label { display: grid; gap: .4rem; font-size: .8rem; font-weight: 600; }
.inline-edit-modal input, .inline-edit-modal textarea, .inline-edit-modal select { width: 100%; border: 1px solid rgb(31 53 41 / .25); background: white; padding: .7rem; font: inherit; }
.inline-edit-modal small { color: #b42318; }
.inline-edit-media-preview { display: block; width: min(100%, 20rem); aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid rgb(31 53 41 / .25); }
html[dir="rtl"] .inline-edit-trigger { left: 1.25rem; right: auto; }
html[dir="rtl"] .inline-edit-modal input, html[dir="rtl"] .inline-edit-modal textarea, html[dir="rtl"] .inline-edit-modal select { text-align: start; }
@media (max-width: 359px) { .site-header .container-page { gap: .45rem; padding-inline: .85rem; } .site-header .site-logo { height: 4rem; } .language-trigger { letter-spacing: .12em; padding-inline: .55rem; } }