/*
Theme Name: Astra Child - Myotek
Template: astra
Version: 1.0
*/

:root {
  --myotek-primary: #0f172a;
  --myotek-primary-light: #1e293b;
  --myotek-accent: #0ea5e9;
  --myotek-accent-hover: #0284c7;
  --myotek-accent-glow: rgba(14, 165, 233, 0.15);
  --myotek-success: #22c55e;
  --myotek-warning: #f59e0b;
  --myotek-text: #e2e8f0;
  --myotek-text-muted: #94a3b8;
  --myotek-bg: #0f172a;
  --myotek-bg-card: #1e293b;
  --myotek-border: #334155;
  --myotek-white: #ffffff;
}

body, html {
  background: var(--myotek-bg) !important;
  color: var(--myotek-text) !important;
  font-family: IBM Plex Sans, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

a { color: var(--myotek-accent); transition: color 0.2s; }
a:hover { color: var(--myotek-accent-hover); }

.ast-primary-header-bar,
.site-header,
.ast-primary-header,
#ast-desktop-header,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-main-header-wrap {
  background: var(--myotek-primary) !important;
  border-bottom: 1px solid var(--myotek-border) !important;
}

.ast-header-break-point .ast-primary-header-bar {
  background: var(--myotek-primary) !important;
}

.site-title a, .ast-site-title-wrap a, .site-description {
  color: var(--myotek-white) !important;
}

.main-header-menu a,
.ast-header-sections-navigation a,
.main-navigation a {
  color: var(--myotek-text) !important;
  font-weight: 500 !important;
}
.main-header-menu a:hover,
.main-navigation a:hover {
  color: var(--myotek-accent) !important;
}
.main-header-menu .current-menu-item > a {
  color: var(--myotek-accent) !important;
}

.ast-cart-menu-wrap .count,
.ast-header-woo-cart .count {
  background: var(--myotek-accent) !important;
  color: var(--myotek-white) !important;
}

.ast-search-menu-icon .search-field,
.search-field {
  background: var(--myotek-bg-card) !important;
  border: 1px solid var(--myotek-border) !important;
  color: var(--myotek-text) !important;
  border-radius: 8px !important;
}
.search-field:focus {
  border-color: var(--myotek-accent) !important;
  box-shadow: 0 0 0 3px var(--myotek-accent-glow) !important;
}

.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list li,
.ast-separate-container .ast-woocommerce-container,
.ast-separate-container,
#primary, #secondary,
.site-content, .content-area,
.ast-container {
  background: transparent !important;
}

.entry-content, .page-content {
  color: var(--myotek-text) !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .woocommerce-loop-product__title {
  color: var(--myotek-white) !important;
}

.woocommerce ul.products li.product,
.wc-block-grid__product {
  background: var(--myotek-bg-card) !important;
  border: 1px solid var(--myotek-border) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  transition: all 0.3s !important;
}
.woocommerce ul.products li.product:hover {
  border-color: var(--myotek-accent) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(14, 165, 233, 0.12) !important;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  color: var(--myotek-accent) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  font-family: JetBrains Mono, monospace !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--myotek-white) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-grid__product-add-to-cart a,
.wp-block-button__link,
.button, button, input[type="submit"] {
  background: var(--myotek-accent) !important;
  color: var(--myotek-white) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  transition: all 0.2s !important;
  font-family: IBM Plex Sans, sans-serif !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link:hover {
  background: var(--myotek-accent-hover) !important;
  transform: translateY(-1px) !important;
}

.woocommerce span.onsale {
  background: var(--myotek-warning) !important;
  color: var(--myotek-primary) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

.woocommerce div.product .product_title {
  color: var(--myotek-white) !important;
  font-size: 28px !important;
}
.woocommerce div.product p.price {
  color: var(--myotek-accent) !important;
  font-family: JetBrains Mono, monospace !important;
  font-size: 24px !important;
}
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--myotek-bg-card) !important;
  border-color: var(--myotek-border) !important;
  color: var(--myotek-text) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--myotek-accent) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--myotek-text) !important;
}

.widget, .widget-area {
  background: transparent !important;
}
.widget-title, .widgettitle {
  color: var(--myotek-white) !important;
}

.woocommerce-cart table.cart,
.woocommerce table.shop_table,
.woocommerce-checkout #payment {
  background: var(--myotek-bg-card) !important;
  border-color: var(--myotek-border) !important;
  border-radius: 12px !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: var(--myotek-border) !important;
  color: var(--myotek-text) !important;
}

input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="number"], input[type="tel"],
input[type="url"], textarea, select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  background: var(--myotek-bg-card) !important;
  border: 1px solid var(--myotek-border) !important;
  color: var(--myotek-text) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--myotek-accent) !important;
  box-shadow: 0 0 0 3px var(--myotek-accent-glow) !important;
  outline: none !important;
}

.ast-breadcrumbs, .woocommerce-breadcrumb {
  color: var(--myotek-text-muted) !important;
}
.ast-breadcrumbs a, .woocommerce-breadcrumb a {
  color: var(--myotek-accent) !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--myotek-bg-card) !important;
  color: var(--myotek-text) !important;
  border-color: var(--myotek-border) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--myotek-accent) !important;
  color: white !important;
}

.ast-footer-overlay, .site-footer,
.ast-small-footer, .ast-footer,
footer, .ast-above-footer-wrap,
.ast-footer-copyright {
  background: #020617 !important;
  color: var(--myotek-text-muted) !important;
  border-top: 1px solid var(--myotek-border) !important;
}
.site-footer a, .ast-footer a {
  color: var(--myotek-text-muted) !important;
}
.site-footer a:hover, .ast-footer a:hover {
  color: var(--myotek-accent) !important;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--myotek-primary); }
::-webkit-scrollbar-thumb {
  background: var(--myotek-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: var(--myotek-accent); }

.elementor-section, .elementor-container,
.elementor-widget-wrap, .elementor-element {
  color: var(--myotek-text) !important;
}
.elementor-heading-title {
  color: var(--myotek-white) !important;
}
.elementor-widget-text-editor {
  color: var(--myotek-text) !important;
}

.reuse-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--myotek-success);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* === HOMEPAGE SECTIONS === */
.myotek-hero { padding:48px 20px;text-align:center;max-width:1280px;margin:0 auto; }
.myotek-badges { display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px; }
.myotek-badge { padding:6px 14px;background:var(--myotek-bg-card);border:1px solid var(--myotek-border);border-radius:20px;font-size:13px;color:var(--myotek-text-muted); }
.myotek-hero h1 { font-size:42px;font-weight:700;color:var(--myotek-white);line-height:1.2;margin-bottom:16px; }
.myotek-hero h1 span { color:var(--myotek-accent); }
.myotek-hero p { font-size:17px;color:var(--myotek-text-muted);max-width:640px;margin:0 auto 28px; }
.myotek-cta { display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--myotek-accent) !important;color:var(--myotek-white) !important;text-decoration:none;border-radius:10px;font-weight:600;font-size:15px;box-shadow:0 4px 24px rgba(14,165,233,0.3); }
.myotek-cta:hover { background:var(--myotek-accent-hover) !important;transform:translateY(-1px); }

.myotek-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:32px 20px;max-width:1280px;margin:0 auto; }
.myotek-stat { background:var(--myotek-bg-card);border:1px solid var(--myotek-border);border-radius:14px;padding:24px;text-align:center; }
.myotek-stat-num { font-size:32px;font-weight:700;color:var(--myotek-accent);font-family:JetBrains Mono,monospace; }
.myotek-stat-label { font-size:13px;color:var(--myotek-text-muted);margin-top:4px; }

.myotek-section { padding:48px 20px;max-width:1280px;margin:0 auto; }
.myotek-section h2 { font-size:28px;font-weight:700;color:var(--myotek-white);margin-bottom:8px; }
.myotek-section .subtitle { color:var(--myotek-text-muted);margin-bottom:32px;font-size:15px; }

.myotek-cat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.myotek-cat-card { background:var(--myotek-bg-card);border:1px solid var(--myotek-border);border-radius:16px;padding:28px 24px;text-decoration:none !important;display:block;transition:all 0.3s;position:relative;overflow:hidden; }
.myotek-cat-card:hover { border-color:var(--myotek-accent);transform:translateY(-4px);box-shadow:0 12px 40px rgba(14,165,233,0.12); }
.myotek-cat-card .icon { font-size:32px;margin-bottom:12px;display:block; }
.myotek-cat-card h3 { font-size:18px;font-weight:600;color:var(--myotek-white) !important;margin-bottom:10px; }
.myotek-cat-card .subs { font-size:13px;color:var(--myotek-text-muted);line-height:2.0; }

.myotek-brands { padding:40px 20px;max-width:1280px;margin:0 auto;border-top:1px solid var(--myotek-border);border-bottom:1px solid var(--myotek-border); }
.myotek-brands-grid { display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap; }
.myotek-brand { padding:14px 24px;background:var(--myotek-bg-card);border:1px solid var(--myotek-border);border-radius:12px;font-size:17px;font-weight:700;color:var(--myotek-text-muted);transition:all 0.2s; }
.myotek-brand:hover { color:var(--myotek-white);border-color:var(--myotek-accent); }

.myotek-adv-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.myotek-adv-card { text-align:center;padding:32px 20px;background:var(--myotek-bg-card);border:1px solid var(--myotek-border);border-radius:16px;transition:all 0.3s; }
.myotek-adv-card:hover { transform:translateY(-2px);border-color:var(--myotek-accent); }
.myotek-adv-card .icon { font-size:32px;margin-bottom:12px;display:block; }
.myotek-adv-card h4 { font-size:15px;font-weight:600;color:var(--myotek-white) !important;margin-bottom:8px; }
.myotek-adv-card p { font-size:13px;color:var(--myotek-text-muted); }

@media (max-width:768px) {
  .myotek-stats,.myotek-cat-grid,.myotek-adv-grid { grid-template-columns:repeat(2,1fr); }
  .myotek-hero h1 { font-size:28px; }
}
@media (max-width:480px) {
  .myotek-stats,.myotek-cat-grid,.myotek-adv-grid { grid-template-columns:1fr; }
}