/* OkanGokhan Mobile Fixes - focused overrides only. */

:root {
  --okg-brand-accessible: #c94700;
  --okg-focus: #0b65c2;
}

/* Product-category SEO heading: description remains under the product list. */
.tax-product_cat .term-description.ogk-category-description-bottom > h1:first-child {
  display: none !important;
}

.okg-category-title,
.okg-commerce-page-title {
  clear: both;
  margin: 0 0 22px;
  color: #1d1d1f;
  font-family: "Poppins", sans-serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 750;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.okg-commerce-page-title {
  padding: 0;
}

/* Contact: H1 first, one map only, then contact information and form. */
body.page-id-1342 .elementor-1342 {
  display: flex;
  flex-direction: column;
}

body.page-id-1342 .elementor-1342 > .elementor-element-10d36f6 {
  order: -3;
}

body.page-id-1342 .elementor-1342 > .elementor-element-132dbd0 {
  order: -2;
}

body.page-id-1342 .elementor-1342 > .elementor-element-2f64bf1 {
  order: -1;
}

body.page-id-1342 .elementor-element-12603ec {
  display: none !important;
}

/* Keyboard focus should remain visible on menus, commerce controls and forms. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--okg-focus) !important;
  outline-offset: 3px !important;
}

/* White text on the old orange failed contrast for normal-size text. */
@media (max-width: 767px) {
  .elementor-2674 .elementor-element-af3e022,
  .elementor-2674 .elementor-element-11afba78 .okg-search-row button {
    background-color: var(--okg-brand-accessible) !important;
  }

  .elementor-2674 .elementor-element-11afba78
  nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu > li > a.elementor-item-active {
    background: linear-gradient(135deg, #b93f00 0%, var(--okg-brand-accessible) 100%) !important;
    border-color: #b93f00 !important;
  }

  /* Keep content reachable above the three fixed mobile actions. */
  #main,
  .elementor[data-elementor-type="wp-page"] {
    padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
  }

  /* Cart and checkout touch targets. */
  .woocommerce-cart-form .product-remove a,
  .woocommerce .quantity button,
  .woocommerce .quantity .plus,
  .woocommerce .quantity .minus,
  .woocommerce .quantity .qty,
  .cfw-checkout-progress a {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .woocommerce-cart-form .product-remove a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  .woocommerce-result-count,
  .woocommerce-ordering {
    float: none !important;
    width: 100% !important;
  }

  .woocommerce-ordering select {
    width: 100% !important;
    min-height: 44px;
  }

  .okg-category-title,
  .okg-commerce-page-title {
    margin-bottom: 16px;
    font-size: clamp(24px, 8vw, 34px);
  }

  /* Checkout is a focused flow; floating actions must not cover fields/CTA. */
  body.woocommerce-checkout .okg-mobile-whatsapp,
  body.woocommerce-checkout .cfw-side-cart-floating-button,
  body.woocommerce-checkout .trp-floating-switcher {
    display: none !important;
  }
}

@media (max-width: 320px) {
  .okg-category-title,
  .okg-commerce-page-title {
    font-size: 23px;
  }

  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    min-width: 0 !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }

  .woocommerce ul.products li.product .price {
    font-size: 13px !important;
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

