/*
 * İnovarka UI — shadcn/ui bileşenleri (Button, Input, Select, Checkbox, Badge,
 * Card, Alert, Table, Breadcrumb, Tabs). Hem .ui-* sınıflarına hem de
 * WooCommerce/WordPress'in kendi işaretlemesine uygulanır; Woo DOM'u değişmez.
 */

/* ---------- Button ---------- */
.ui-button,
.wp-element-button,
.wp-block-button__link,
.woocommerce .button,
.woocommerce-page .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),
.wc-block-components-product-button__button,
.wp-block-search__button,
.ic-hero-button,
.ict-footer-cta,
button[type=submit]:not(.ict-action):not(.ui-button-ghost):not(.ict-btn){
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:var(--control-h);padding:.5rem 1rem;margin:0;
  border:1px solid transparent;border-radius:var(--radius-control);
  background:var(--primary);color:var(--primary-foreground);
  font:500 var(--text-sm)/1.25rem var(--font-sans);letter-spacing:0;text-decoration:none;text-transform:none;white-space:nowrap;
  box-shadow:var(--shadow-xs);cursor:pointer;user-select:none;
  transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),opacity .15s var(--ease)
}
.ui-button:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.wc-block-components-button:not(.is-link):hover,
.wc-block-components-product-button__button:hover,
.wp-block-search__button:hover,
.ic-hero-button:hover,
.ict-footer-cta:hover,
button[type=submit]:not(.ict-action):not(.ui-button-ghost):not(.ict-btn):hover{
  background:color-mix(in oklch,var(--primary) 90%,transparent);color:var(--primary-foreground);text-decoration:none
}
.ui-button:focus-visible,
.wp-element-button:focus-visible,
.woocommerce .button:focus-visible,
.wc-block-components-button:focus-visible,
button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 50%,transparent);border-color:var(--ring)}
.ui-button:disabled,.woocommerce .button:disabled,.woocommerce .button.disabled,.woocommerce button.button:disabled[disabled],.wc-block-components-button:disabled{opacity:.5;pointer-events:none}
.ui-button-lg,.woocommerce .single_add_to_cart_button,.woocommerce #place_order,.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button,.woocommerce .checkout-button{min-height:var(--control-h-lg);padding-inline:1.5rem;font-size:var(--text-sm)}
.ui-button-sm{min-height:2rem;padding:.25rem .75rem;font-size:var(--text-xs)}
/* İkincil / outline */
.ui-button-outline,
.woocommerce .button.wc-backward,
.woocommerce-cart .woocommerce .button[name=update_cart],
.woocommerce .woocommerce-orders-table .button,
.woocommerce .woocommerce-MyAccount-content .woocommerce-Button.button:not(.woocommerce-form-login__submit):not([name=save_account_details]):not([name=save_address]),
.wc-block-components-button.outlined{
  background:var(--background);color:var(--foreground);border-color:var(--border)
}
.ui-button-outline:hover,
.woocommerce .button.wc-backward:hover,
.woocommerce-cart .woocommerce .button[name=update_cart]:hover,
.woocommerce .woocommerce-orders-table .button:hover,
.wc-block-components-button.outlined:hover{background:var(--accent);color:var(--accent-foreground)}
.ui-button-secondary{background:var(--secondary);color:var(--secondary-foreground);box-shadow:none}
.ui-button-secondary:hover{background:color-mix(in oklch,var(--secondary) 80%,var(--foreground) 6%)}
.ui-button-ghost{background:transparent;color:var(--foreground);border-color:transparent;box-shadow:none}
.ui-button-ghost:hover{background:var(--accent);color:var(--accent-foreground)}
.ui-button-link{background:none;border:0;box-shadow:none;padding:0;min-height:0;color:var(--foreground);text-decoration:underline;text-underline-offset:4px}
.ui-button-icon{width:var(--control-h);height:var(--control-h);padding:0}
.ui-button svg,.ui-icon{width:1rem;height:1rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.woocommerce a.added_to_cart{display:inline-flex;align-items:center;margin-left:.5rem;font-size:var(--text-sm);font-weight:500;color:var(--foreground);text-decoration:underline;text-underline-offset:4px}

/* ---------- Input / Select / Textarea ---------- */
.ui-input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce input.input-text,
.woocommerce .quantity input.qty,
.woocommerce select,
.woocommerce-ordering select,
.wp-block-search__input,
.ict-search-form input[type=search],
.ict-catalog-search input[type=search],
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],input[type=date],
select,textarea{
  display:block;width:100%;min-height:var(--control-h);margin:0;padding:.375rem .75rem;
  border:1px solid var(--input);border-radius:var(--radius-control);
  background:var(--background);color:var(--foreground);
  font:400 var(--text-base)/1.5 var(--font-sans);
  box-shadow:var(--shadow-xs);outline:none;appearance:none;
  transition:border-color .15s var(--ease),box-shadow .15s var(--ease)
}
@media (min-width:768px){
  .ui-input,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce input.input-text,.woocommerce select,
  input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],select,textarea{font-size:var(--text-sm)}
}
textarea,.woocommerce form .form-row textarea{min-height:5rem;padding-block:.5rem;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--muted-foreground);opacity:1}
.ui-input:focus,.ui-input:focus-visible,
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus,input[type=date]:focus,
select:focus,textarea:focus,
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{
  border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 50%,transparent);outline:none
}
input[aria-invalid=true],.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch,var(--destructive) 20%,transparent)}
select,.woocommerce select,.woocommerce-ordering select{
  padding-right:2.25rem;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .625rem center;background-size:1rem
}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.woocommerce form .form-row{margin:0 0 1rem;padding:0}
.woocommerce form .form-row label,.ui-label{display:block;margin:0 0 .5rem;color:var(--foreground);font-size:var(--text-sm);font-weight:500;line-height:1}
.woocommerce form .form-row .required{color:var(--destructive);text-decoration:none;border:0}
.woocommerce form .form-row .optional{color:var(--muted-foreground);font-weight:400}
.woocommerce form .form-row .description,.ui-description{margin-top:.375rem;color:var(--muted-foreground);font-size:var(--text-xs)}
/* Select2 / SelectWoo (Woo ülke-il seçici) */
.select2-container .select2-selection--single{height:var(--control-h);border:1px solid var(--input);border-radius:var(--radius-control);box-shadow:var(--shadow-xs);background:var(--background)}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:calc(var(--control-h) - 2px);padding-left:.75rem;color:var(--foreground);font-size:var(--text-sm)}
.select2-container .select2-selection--single .select2-selection__arrow{height:calc(var(--control-h) - 2px);right:.375rem}
.select2-container--open .select2-selection--single,.select2-container--focus .select2-selection--single{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 50%,transparent)}
.select2-dropdown{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;background:var(--popover);font-size:var(--text-sm)}
.select2-search--dropdown .select2-search__field{border:1px solid var(--input);border-radius:var(--radius-sm);min-height:2rem}
.select2-results__option{padding:.375rem .75rem}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--accent);color:var(--accent-foreground)}

/* Checkbox / Radio */
input[type=checkbox],input[type=radio]{
  appearance:none;-webkit-appearance:none;flex:none;display:inline-grid;place-content:center;
  width:1rem;height:1rem;min-height:0;margin:0 .5rem 0 0;padding:0;vertical-align:-.15em;
  border:1px solid var(--input);border-radius:4px;background:var(--background);box-shadow:var(--shadow-xs);cursor:pointer;
  transition:background-color .15s var(--ease),border-color .15s var(--ease)
}
input[type=radio]{border-radius:999px}
input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:.75rem;background-position:center;background-repeat:no-repeat}
input[type=radio]:checked{border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--background);background:var(--primary)}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 50%,transparent)}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{width:1rem;height:1rem;min-height:0;border-radius:4px;border-color:var(--input)}
.wc-block-components-checkbox .wc-block-components-checkbox__mark{display:none}

/* Quantity */
.woocommerce .quantity{display:inline-flex}
.woocommerce .quantity input.qty{width:4.5rem;text-align:center;padding-inline:.5rem;-moz-appearance:textfield}

/* ---------- Badge ---------- */
.ui-badge,
.woocommerce span.onsale,
.wc-block-components-product-sale-badge,
.ic-sale-badge{
  display:inline-flex;align-items:center;gap:.25rem;width:fit-content;min-width:0;min-height:0;
  padding:.125rem .5rem;margin:0;border:1px solid transparent;border-radius:var(--radius-md);
  background:var(--primary);color:var(--primary-foreground);
  font:500 var(--text-xs)/1rem var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap
}
.ui-badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}
.ui-badge-outline{background:var(--background);color:var(--foreground);border-color:var(--border)}
.ui-badge-destructive{background:var(--destructive);color:#fff}

/* ---------- Card ---------- */
.ui-card{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-sm)}
.ui-card-title{font-size:var(--text-base);font-weight:600;line-height:1;letter-spacing:-.01em;margin:0}
.ui-card-description{color:var(--muted-foreground);font-size:var(--text-sm);margin:0}

/* ---------- Alert (Woo bildirimleri) ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice,
.wc-block-components-notice-banner,.ui-alert{
  position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;
  width:100%;margin:0 0 1rem;padding:.75rem 1rem;list-style:none;
  border:1px solid var(--border);border-radius:var(--radius-lg);
  background:var(--card);color:var(--card-foreground);
  font-size:var(--text-sm);line-height:1.5;box-shadow:none
}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:none;display:none}
.woocommerce-message::after,.woocommerce-info::after,.woocommerce-error::after{content:none}
.woocommerce-error,.wc-block-components-notice-banner.is-error{border-color:color-mix(in oklch,var(--destructive) 35%,var(--border));color:var(--destructive)}
.woocommerce-error li{margin:0}
.wc-block-components-notice-banner.is-success,.woocommerce-message{border-color:var(--border)}
.wc-block-components-notice-banner>svg{width:1rem;height:1rem;background:none!important;fill:currentColor;padding:0}
.wc-block-components-notice-banner.is-error>svg{fill:var(--destructive)}
.wc-block-components-notice-banner.is-success>svg{fill:var(--success)}
.wc-block-components-notice-banner.is-info>svg{fill:var(--foreground)}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button,.wc-block-components-notice-banner .wc-forward{order:2;margin-left:auto;min-height:2rem;padding:.25rem .75rem;font-size:var(--text-xs);background:var(--background);color:var(--foreground);border-color:var(--border);float:none}
.woocommerce-message .button:hover,.woocommerce-info .button:hover{background:var(--accent);color:var(--accent-foreground)}
.woocommerce-notices-wrapper:empty{display:none}

/* ---------- Table ---------- */
.ui-table,
.woocommerce table.shop_table,
.woocommerce-table,
.woocommerce table.my_account_orders{
  width:100%;margin:0 0 1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:var(--text-sm);background:var(--card)
}
.ui-table th,.ui-table td,
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:.75rem 1rem;border:0;border-top:1px solid var(--border);text-align:left;vertical-align:middle;line-height:1.4}
.ui-table thead th,.woocommerce table.shop_table thead th{border-top:0;background:var(--muted);color:var(--muted-foreground);font-weight:500;font-size:var(--text-xs);height:2.5rem;padding-block:.5rem}
.woocommerce table.shop_table tbody tr:first-child td,.woocommerce table.shop_table tbody tr:first-child th{border-top:0}
.woocommerce table.shop_table thead+tbody tr:first-child td,.woocommerce table.shop_table thead+tbody tr:first-child th{border-top:1px solid var(--border)}
.woocommerce table.shop_table tbody tr{transition:background-color .15s var(--ease)}
.woocommerce table.shop_table tbody tr:hover{background:color-mix(in oklch,var(--muted) 50%,transparent)}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{font-weight:500}
.woocommerce table.shop_table tfoot tr:last-child th,.woocommerce table.shop_table tfoot tr:last-child td{font-weight:600;font-size:var(--text-base)}

/* ---------- Breadcrumb ---------- */
.woocommerce-breadcrumb,.ui-breadcrumb,.wc-block-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0 0 1rem;color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.25rem}
.woocommerce-breadcrumb a,.ui-breadcrumb a,.wc-block-breadcrumbs a{color:var(--muted-foreground);text-decoration:none;transition:color .15s var(--ease)}
.woocommerce-breadcrumb a:hover,.ui-breadcrumb a:hover,.wc-block-breadcrumbs a:hover{color:var(--foreground)}

/* ---------- Tabs (Woo ürün sekmeleri) ---------- */
.woocommerce div.product .woocommerce-tabs ul.tabs,.ui-tabs-list{
  display:inline-flex;align-items:center;gap:.25rem;height:2.25rem;margin:0 0 1rem;padding:3px;list-style:none;
  border:0;border-radius:var(--radius-lg);background:var(--muted);overflow-x:auto;max-width:100%
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{content:none;display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{margin:0;padding:0;border:0;border-radius:calc(var(--radius-lg) - 2px);background:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{content:none;display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:inline-flex;align-items:center;height:100%;padding:.25rem .75rem;color:var(--muted-foreground);font-size:var(--text-sm);font-weight:500;text-decoration:none;white-space:nowrap}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--background);box-shadow:var(--shadow-sm)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--foreground)}
.woocommerce div.product .woocommerce-tabs .panel{margin:0;padding:0;color:var(--foreground);font-size:var(--text-sm);line-height:1.7}
.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{display:none}

/* ---------- Separator / Skeleton / Kbd ---------- */
.ui-separator{height:1px;width:100%;background:var(--border);border:0;margin:0}
.ui-skeleton{background:var(--muted);border-radius:var(--radius-md);animation:ui-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes ui-pulse{50%{opacity:.5}}

/* ---------- Fiyat ---------- */
.woocommerce .price,.price,.wc-block-components-product-price{color:var(--foreground);font-weight:600;font-variant-numeric:tabular-nums}
.price del,.wc-block-components-product-price del{color:var(--muted-foreground);font-weight:400;opacity:1;text-decoration-thickness:1px}
.price ins,.wc-block-components-product-price ins{text-decoration:none;background:none;font-weight:600}
.woocommerce .stock,.woocommerce div.product p.stock{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--success);margin:0 0 1rem}
.woocommerce div.product p.stock.in-stock::before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:currentColor}
.woocommerce .stock.out-of-stock{color:var(--destructive)}
.star-rating{color:var(--foreground)}