/*
Theme Name: Arışım Agrarian
Theme URI: https://www.arisim.com.tr/
Description: Arışım brand layer for the existing Agrarian and Elementor storefront.
Author: Arışım
Template: agrarian
Version: 1.0.0
Text Domain: arisim-agrarian
*/

:root {
  --arisim-orange: #f8a70e;
  --arisim-forest: #0a472e;
  --arisim-ink: #17231d;
  --arisim-muted: #68736b;
  --arisim-paper: #fbfaf6;
  --arisim-surface: #ffffff;
  --arisim-line: #e5e2d8;
  --arisim-radius: 10px;
  --arisim-container: 1600px;
  --arisim-shadow: 0 12px 32px rgba(10, 71, 46, .08);
}

html { scroll-behavior: smooth; }
body, .body_wrap, .page_wrap {
  background: var(--arisim-paper);
  color: var(--arisim-ink);
}
body, button, input, select, textarea { font-family: Inter, system-ui, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Cardo, Georgia, serif; color: var(--arisim-forest); }
a { color: var(--arisim-forest); transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
a:hover { color: var(--arisim-orange); }

/* .page_content_wrap is the outer full-page wrapper and must stay 100% wide, or every
   Elementor "full width" section nested inside it (hero, banners) gets capped too. Only
   the inner *boxed* containers should be constrained to the brand container width. */
.content_wrap, .sc_layouts_container, .elementor-section.elementor-section-boxed > .elementor-container,
.e-con.e-con-boxed { max-width: var(--arisim-container); margin-left: auto; margin-right: auto; }

/* Header: retain the theme's WooCommerce hooks while giving the brand a quieter frame. */
.top_panel { background: rgba(251, 250, 246, .97); box-shadow: 0 1px 0 var(--arisim-line); }
.top_panel .sc_layouts_row { min-height: 74px; }
.top_panel .sc_layouts_logo img { max-height: 58px; width: auto; }
/* Nav text: brand green on inner pages (light header); stays light over the homepage's dark hero. */
body:not(.home) .top_panel .sc_layouts_menu_nav > li > a,
body:not(.home) .top_panel .trx-addons-menu-link { color: var(--arisim-forest) !important; font-weight: 600; letter-spacing: .01em; }
.top_panel .sc_layouts_menu_nav > li > a:hover,
.top_panel .sc_layouts_menu_nav > li.current-menu-item > a,
.top_panel .trx-addons-menu-link:hover,
.top_panel .trx-addons-active-item > .trx-addons-menu-link { color: var(--arisim-orange) !important; }
body:not(.home) .top_panel .sc_layouts_iconed_text .sc_layouts_item_icon,
body:not(.home) .top_panel .sc_layouts_item svg { color: var(--arisim-forest); fill: currentColor; }
.top_panel .sc_layouts_cart_items { background: var(--arisim-orange); color: #fff; }

/* Sticky (scrolled) header row: theme's own "fixed row" clone, styled as its own deliberate state. */
.sc_layouts_row_fixed { background: var(--arisim-forest) !important; }
.sc_layouts_row_fixed .sc_layouts_logo img { content: url('../../uploads/2026/09/arisimlogo-light-260x100.png'); }
/* Higher specificity than the "body:not(.home) ... green" rule above, so the sticky row's
   forced-white text wins on every page, not just the homepage (equal-specificity source-order
   is fragile; this must win outright). */
body .top_panel .sc_layouts_row_fixed.sc_layouts_row_fixed .trx-addons-menu-link,
body .top_panel .sc_layouts_row_fixed.sc_layouts_row_fixed .sc_layouts_item_icon,
body .top_panel .sc_layouts_row_fixed.sc_layouts_row_fixed .sc_layouts_item svg { color: #fbfaf6 !important; fill: currentColor; }
body .top_panel .sc_layouts_row_fixed.sc_layouts_row_fixed .trx-addons-menu-link:hover,
body .top_panel .sc_layouts_row_fixed.sc_layouts_row_fixed .trx-addons-active-item > .trx-addons-menu-link { color: var(--arisim-orange) !important; }
.top_panel .search_wrap .search_form { border-color: var(--arisim-line); border-radius: 999px; }
.top_panel .search_wrap .search_field { color: var(--arisim-ink); }


/* Hero and section rhythm. */
.home .sc_layouts_title, .home .top_panel + .page_content_wrap { background: var(--arisim-paper); }
.home .elementor-widget-heading h1, .home .elementor-widget-heading h2 { letter-spacing: -.025em; }
.home .elementor-widget-button .elementor-button,
.home .sc_button, .sc_button, button, input[type="submit"], .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit {
  min-height: 46px;
  padding: 13px 24px;
  border: 1px solid var(--arisim-forest);
  border-radius: var(--arisim-radius);
  background: var(--arisim-forest);
  color: #fff;
  font-weight: 700;
  letter-spacing: .01em;
  box-shadow: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.home .elementor-widget-button .elementor-button:hover,
.sc_button:hover, button:hover, input[type="submit"]:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover { transform: translateY(-2px); background: var(--arisim-orange); border-color: var(--arisim-orange); color: #fff; }

/* Product cards: a clean surface, consistent image stage, restrained actions. */
.woocommerce ul.products li.product,
.trx-wcext-product-grid-product { background: var(--arisim-surface); border: 1px solid var(--arisim-line); border-radius: var(--arisim-radius); overflow: hidden; box-shadow: none; }
.woocommerce ul.products li.product:hover,
.trx-wcext-product-grid-product:hover { box-shadow: var(--arisim-shadow); transform: translateY(-3px); transition: transform .2s ease, box-shadow .2s ease; }
.woocommerce ul.products li.product .arisim_product_cat { padding: 16px 18px 0; margin: 0; font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--arisim-muted); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.trx-wcext-product-grid-product__title { padding: 4px 18px 0; color: var(--arisim-forest); font-family: Cardo, Georgia, serif; font-size: 1.15rem; font-weight: 400; }
.woocommerce ul.products li.product .price,
.trx-wcext-product-grid-product .price { padding: 8px 18px 16px; color: var(--arisim-forest); font-weight: 700; font-family: Inter, system-ui, sans-serif; }
.woocommerce ul.products li.product .add_to_cart_wrap { display: block !important; }
.woocommerce ul.products li.product .button {
  margin: 0 18px 18px; width: calc(100% - 36px); text-align: center;
  background: transparent; color: var(--arisim-forest); border: 1px solid var(--arisim-forest);
  min-height: 40px; padding: 9px 16px; font-size: .875rem; box-shadow: none;
}
.woocommerce ul.products li.product .button:hover { background: var(--arisim-forest); color: #fff; border-color: var(--arisim-forest); transform: none; }
.woocommerce ul.products li.product .onsale { top: 14px; right: 14px; min-height: 0; padding: 6px 10px; border-radius: 999px; background: var(--arisim-orange); color: #fff; }
.woocommerce ul.products li.product img, .trx-wcext-product-grid-product img { aspect-ratio: 4 / 5; object-fit: cover; margin: 0; }

/* Shop, product, cart and checkout surfaces. */
.woocommerce .woocommerce-breadcrumb { color: var(--arisim-muted); font-size: .85rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--arisim-forest); }
.woocommerce div.product div.images img { border-radius: var(--arisim-radius); }
.woocommerce div.product .product_title { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.05; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--arisim-forest); font-size: 1.5rem; font-weight: 800; }
.woocommerce div.product form.cart .quantity .qty, .woocommerce input.input-text, .woocommerce select, .woocommerce textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { min-height: 46px; border: 1px solid var(--arisim-line); border-radius: 8px; background: #fff; }
.woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { border: 1px solid var(--arisim-line); border-radius: var(--arisim-radius); background: #fff; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border-top-color: var(--arisim-orange); background: #fffaf0; }

/* Footer: dark, warm and independent of the demo skin's lime palette. */
.footer_wrap, .footer_wrap_inner { background: var(--arisim-forest); color: rgba(255,255,255,.78); }
.footer_wrap h1, .footer_wrap h2, .footer_wrap h3, .footer_wrap h4, .footer_wrap a { color: #fff; }
.footer_wrap a:hover { color: var(--arisim-orange); }
.footer_wrap .sc_layouts_logo img { max-height: 52px; width: auto; }
.footer_wrap .socials_wrap .social_item:hover { background: var(--arisim-orange); }

*:focus-visible { outline: 3px solid var(--arisim-orange); outline-offset: 3px; }
.skip-link:focus { background: var(--arisim-forest); color: #fff; }

/* FAQ: editorial accordion, numbered, no demo yellow blocks. */
.trx-addons-accordion { counter-reset: faq; }
.trx-addons-accordion-item { border-top: none !important; }
.trx-addons-accordion-item:first-child .trx-addons-accordion-tab-title { border-top: 1px solid var(--arisim-line); }
.trx-addons-accordion-tab-title {
  counter-increment: faq;
  font-family: Cardo, Georgia, serif;
  font-size: clamp(1.05rem, 1.6vw, 1.375rem);
  font-weight: 400;
  color: var(--arisim-forest);
  display: flex;
  align-items: baseline;
  gap: 24px;
}
.trx-addons-accordion-tab-title::before {
  content: counter(faq, decimal-leading-zero);
  font-family: Inter, system-ui, sans-serif;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--arisim-orange);
  flex: none;
}
.trx-addons-accordion-tab-title.active_tab,
.trx-addons-accordion-tab-title[aria-selected="true"] { color: var(--arisim-forest); }
.trx-addons-accordion-content { font-size: 1.0625rem; line-height: 1.7; }

@media (max-width: 1279px) {
  .top_panel .sc_layouts_row { min-height: 66px; }
  .page_content_wrap, .content_wrap { padding-left: 28px; padding-right: 28px; }
}
@media (max-width: 767px) {
  .page_content_wrap, .content_wrap { padding-left: 20px; padding-right: 20px; }
  .top_panel .sc_layouts_logo img { max-height: 44px; }
  .home .elementor-widget-heading h1 { font-size: clamp(2.1rem, 10vw, 3.2rem); }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 3.1em; }
  .woocommerce ul.products li.product .button { min-height: 44px; padding-left: 12px; padding-right: 12px; }
  .woocommerce div.product .product_title { font-size: 2.25rem; }
}
@media (max-width: 380px) {
  .page_content_wrap, .content_wrap { padding-left: 16px; padding-right: 16px; }
  .woocommerce ul.products[class*="columns-"] li.product { width: 100%; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}