/*
Theme Name: inPOS Satış
Theme URI: https://inpossatis.com
Author: VİVO BİLGİSAYAR YAZILIM SAN. VE TİC. LTD. ŞTİ.
Description: inPOS Satış için birebir tasarım teması (WooCommerce uyumlu).
Version: 1.0.0
Text Domain: inpos
*/

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/barlow-condensed-v13-latin_latin-ext-500.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/barlow-condensed-v13-latin_latin-ext-600.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/barlow-condensed-v13-latin_latin-ext-700.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/ibm-plex-sans-v23-latin_latin-ext-regular.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/ibm-plex-sans-v23-latin_latin-ext-500.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/ibm-plex-sans-v23-latin_latin-ext-600.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/ibm-plex-sans-v23-latin_latin-ext-700.woff2") format("woff2");
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  background: #f5f7fa;
}

.font-display {
  font-family: "Barlow Condensed", sans-serif;
}

/* WooCommerce uyum */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 1.5rem;
  border-top-width: 3px;
}

/* Contact Form 7 tasarım uyumu */
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
  background: #f5f7fa;
  padding: 0.75rem 1rem;
  outline: none;
  font-family: inherit;
  font-size: 1rem;
  color: #1f2937;
  transition: border-color 150ms ease, background 150ms ease;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: #0067b1;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(0, 103, 177, 0.1);
}
.wpcf7 form label > span {
  display: block;
}
.wpcf7-submit {
  margin-top: 1.5rem;
  width: 100%;
  border-radius: 9999px;
  background: #18b26b;
  padding: 1rem 1.75rem;
  font-weight: 700;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}
.wpcf7-submit:hover {
  background: #002f5f;
  transform: translateY(-2px);
}
.wpcf7 form label {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #002f5f;
}
.wpcf7 .wpcf7-checkbox input,
.wpcf7 .wpcf7-acceptance input {
  margin-top: 0.25rem;
}

/* Ürün ekstra seçenekleri */
.inpos-product-options {
  margin: 0 0 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 1.25rem;
  padding: 1rem;
  background: #fff;
}

.inpos-product-options legend {
  padding: 0 0.4rem;
  color: #002f5f;
  font-weight: 700;
}

.inpos-product-options__hint {
  margin: 0 0 0.75rem;
  color: #64748b;
  font-size: 0.9rem;
}

.inpos-product-options__list {
  display: grid;
  gap: 0.55rem;
}

.inpos-product-option {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.85rem;
  padding: 0.75rem 0.85rem;
  background: #fff;
  cursor: pointer;
}

.inpos-product-option input {
  accent-color: #18b26b;
}

.inpos-product-option__text {
  flex: 1;
  display: grid;
  gap: 0.15rem;
}

.inpos-product-option__label {
  color: #002f5f;
  font-weight: 600;
}

.inpos-product-option__desc {
  color: #5b6b81;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.35;
}

.inpos-product-option strong {
  color: #0067b1;
  white-space: nowrap;
}

.inpos-product-options__total {
  margin: 0.9rem 0 0;
  color: #002f5f;
  font-weight: 700;
}

/* Tek ürün sayfası */
.inpos-hero-price,
.inpos-hero-price .price,
.inpos-hero-price .woocommerce-Price-amount,
.inpos-hero-price .woocommerce-Price-currencySymbol {
  color: #fff;
  font-size: 1.3rem;
}

#satin-alma form.cart {
  display: grid;
  gap: 1rem;
}

#satin-alma form.cart .quantity {
  display: flex;
}

.quantity input[type="number"] {
  width: 5.5rem;
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
  background: #fff;
  padding: 0.85rem 1rem;
  font-weight: 600;
  color: #002f5f;
}

.single_add_to_cart_button {
  width: 100%;
  border: none;
  border-radius: 9999px;
  background: #18b26b;
  padding: 1rem 1.5rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}

.single_add_to_cart_button:hover {
  background: #002f5f;
  transform: translateY(-2px);
}

.stock.in-stock {
  color: #18b26b;
  font-weight: 700;
  font-size: 0.9rem;
}

.inpos-notices .woocommerce-message,
.inpos-notices .woocommerce-info {
  margin: 0 0 0.5rem;
  background: #ecfdf5;
}

.inpos-prose h2 {
  margin: 2.5rem 0 1rem;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #002f5f;
}

.inpos-prose h2:first-child {
  margin-top: 0;
}

.inpos-prose h3 {
  margin: 2rem 0 0.75rem;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  color: #002f5f;
}

.inpos-prose p {
  margin: 1rem 0;
  color: #334155;
  line-height: 1.8;
}

.inpos-prose ul,
.inpos-prose ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
  color: #334155;
  line-height: 1.9;
}

.inpos-prose ul {
  list-style: disc;
}

.inpos-prose ol {
  list-style: decimal;
}

.inpos-prose li::marker {
  color: #18b26b;
  font-weight: 700;
}

.inpos-prose table {
  width: 100%;
  margin: 2rem 0;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.inpos-prose th,
.inpos-prose td {
  padding: 0.9rem 1.1rem;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
}

.inpos-prose th {
  background: #f5f7fa;
  color: #002f5f;
  font-weight: 700;
}

.inpos-prose strong {
  color: #002f5f;
}

.inpos-prose a {
  color: #0067b1;
  font-weight: 700;
  text-decoration: underline;
}

/* WooCommerce butonları — tema dili */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button {
  border-radius: 9999px;
  background: #002f5f;
  padding: 0.85rem 1.6rem;
  font-family: inherit;
  font-weight: 700;
  color: #fff;
  transition: background 150ms ease, transform 150ms ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
  background: #18b26b;
  color: #fff;
  transform: translateY(-1px);
}

.woocommerce .button.alt,
.woocommerce #place_order,
.woocommerce .checkout-button {
  background: #18b26b;
  color: #fff;
}

.woocommerce .button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover {
  background: #002f5f;
  color: #fff;
}

/* WooCommerce form alanları — CF7 diliyle uyumlu */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border-radius: 1rem;
  border: 1px solid #e2e8f0;
  background: #f5f7fa;
  padding: 0.75rem 1rem;
  font-family: inherit;
  color: #1f2937;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: #0067b1;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(0, 103, 177, 0.1);
  outline: none;
}

.woocommerce form .form-row label {
  font-size: 0.875rem;
  font-weight: 700;
  color: #002f5f;
}

/* Sabit başlık — yönetim çubuğu açıkken */
body.admin-bar header.fixed {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar header.fixed {
    top: 46px;
  }
}

/* Tarayıcı yüzeyleri — palet */
:focus-visible {
  outline: 2px solid #18b26b;
  outline-offset: 2px;
}

::selection {
  background: rgba(24, 178, 107, 0.25);
}

/* WooCommerce alt butonları — WC çekirdek spesifikliğini geçersiz kıl */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce a.checkout-button,
.woocommerce .checkout-button.button {
  background: #18b26b;
  color: #fff;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce a.checkout-button:hover,
.woocommerce .checkout-button.button:hover {
  background: #002f5f;
  color: #fff;
}

/* Kontrast: mint zeminlerde metin lacivert */
.bg-mint.text-white,
.bg-mint .text-white {
  color: #002f5f;
}

.bg-mint .text-white\/85,
.bg-mint .text-white\/80,
.bg-mint .text-white\/75,
.bg-mint .text-white\/70,
.bg-mint .text-white\/65 {
  color: rgba(0, 47, 95, 0.82);
}

.hover\:bg-mint:hover,
.hover\:bg-mint.hover\:text-white:hover {
  color: #002f5f;
}

.bg-mint\/10.text-mint {
  color: #0b7a48;
}

/* Kontrast: açık zemin yardımcı metinleri */
.text-slate-400,
.text-slate-500 {
  color: #5b6b81;
}

.text-white\/45 {
  color: rgb(255 255 255 / 0.62);
}

.text-white\/55 {
  color: rgb(255 255 255 / 0.68);
}

.text-white\/60 {
  color: rgb(255 255 255 / 0.75);
}

.text-white\/65 {
  color: rgb(255 255 255 / 0.78);
}

/* Checkout güven ve destek modülü */
.inpos-pay-trust {
  margin-top: 1rem;
  border-radius: 1.25rem;
  background: #f5f7fa;
  padding: 1rem 1.25rem;
  font-size: 0.85rem;
  line-height: 1.6;
  color: #334155;
  text-align: center;
}

.inpos-pay-trust__line + .inpos-pay-trust__line {
  margin-top: 0.4rem;
}

.inpos-pay-trust a {
  color: #0067b1;
  font-weight: 700;
  text-decoration: underline;
}

/* Klavye ile Ürünler menüsü */
.group:focus-within > .group-hover\:visible {
  visibility: visible;
  opacity: 1;
  translate: 0 0;
}

/* Ürün detayında görünür Adet etiketi */
#satin-alma form.cart .quantity {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

#satin-alma form.cart .quantity::before {
  content: "Adet";
  font-size: 0.875rem;
  font-weight: 700;
  color: #002f5f;
}