/*
Theme Name: Socks Company
Theme URI:  https://example.com/socks-company
Author:      Your Name
Author URI:  https://example.com
Description: Clean, conversion-focused WordPress theme for a socks manufacturing & retail company. Gutenberg-first, WooCommerce-ready, multilingual-ready.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: socks-company
Tags:        one-column, two-columns, right-sidebar, left-sidebar, custom-logo, custom-menu, accessibility-ready, translation-ready, woo-commerce, responsive-layout
Requires at least: 6.2
Requires PHP: 7.4
*/

/* Bootstrap fallback (يُحمّل فقط إذا لم يُحمّل عبر wp_enqueue_scripts) */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');

/* قواعد أساسية سريعة للقالب */
:root{
  --brand: #ef476f;
  --accent: #ff9f43;
  --text: #0f172a;
  --muted: #6b7280;
  --bg: #ffffff;
  --container-max: 1200px;
}

html,body{
  height:100%;
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

/* Header */
.site-header{
  border-bottom:1px solid rgba(15,23,42,0.06);
  background:#fff;
  position:relative;
  z-index:1000;
}
.site-header .brand .navbar-brand{
  font-weight:700;
  color:var(--text);
  text-decoration:none;
}

/* Navigation */
.primary-nav .nav a{
  color:var(--text);
  text-decoration:none;
  padding:.4rem .6rem;
}
.primary-nav .nav a:hover{
  color:var(--brand);
}

/* Hero */
.site-hero{ padding:4rem 0; }
.site-hero .btn-primary{
  background:var(--brand);
  border-color:var(--brand);
}

/* Cards / Product grid */
.card .price{ font-weight:700; color:var(--brand); }

/* Footer */
.site-footer{
  background:#0f172a;
  color:#fff;
}
.site-footer a{ color: #e5e7eb; }
.site-footer .widget-title{ color:#fff; }

/* Responsiveness tweaks */
@media (max-width: 767px){
  .site-hero{ padding:2.5rem 0; }
}

/* Utility small tweaks */
.img-fluid{ max-width:100%; height:auto; display:block; }
.container{ max-width:var(--container-max); margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; }

/* Footer: remove bullets and underlines, style links/buttons */
.site-footer .footer-links,
.site-footer .footer-links ul,
.site-footer .footer-links li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.site-footer .footer-links a {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #e5e7eb; /* فاتح قليلاً ليناسب الخلفية الداكنة */
  display: inline-block;
  padding: .15rem 0;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus {
  color: #fff !important;
  text-decoration: none !important;
}

/* إزالة أي نقاط/ماركرز */
.site-footer .footer-links li::marker { content: none; }
.site-footer .footer-links li { list-style: none; }

/* أزرار البريد والواتساب */
.site-footer .contact-email {
  color: #fff;
  border-color: rgba(255,255,255,0.15);
}
.site-footer .contact-email:hover { color: #fff; background: rgba(255,255,255,0.03); }

.site-footer .contact-wa {
  color: #fff;
  background: #25D366; /* WhatsApp green */
  border-color: #25D366;
}

/* إزالة أي تسطير عام للروابط داخل الفوتر */
.site-footer a { text-decoration: none !important; }

/* ضمان أن أي قوائم مُدرجة في الفوتر لا تظهر بعلامات */
.site-footer ul { list-style: none !important; margin:0; padding:0; }

/* =====================
   Layout: keep footer at page bottom + remove gap issues
   ===================== */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* تأكد أن المحتوى يأخذ المساحة المتبقية */
.site-main, main, #primary, .content-wrapper {
  flex: 1 0 auto;
}

/* الفوتر لا ينكمش ويجلس في أسفل الصفحة */
.site-footer {
  flex-shrink: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

/* إزالة خطوط التسطير والنقاط في روابط الفوتر */
.site-footer .footer-links,
.site-footer .footer-links ul,
.site-footer .footer-links li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.site-footer .footer-links a {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #e5e7eb;
  display: inline-block;
  padding: .15rem 0;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus {
  color: #fff !important;
  text-decoration: none !important;
}

/* بضع تحسينات مرئية للأزرار في الفوتر */
.site-footer .contact-email {
  color: #fff;
  border-color: rgba(255,255,255,0.15);
}
.site-footer .contact-wa {
  color: #fff;
  background: #25D366;
  border-color: #25D366;
}

/* إزالة أي هوامش/عناصر فارغة شائعة */
body > .empty-footer-gap,
body > .clearfix-footer-space {
  display: none !important;
}

/* ملاحظة: إذا أضفت سابقًا قواعدً لإخفاء .offcanvas-backdrop أو .modal-backdrop — أزلها الآن. */