/**
 * Classic Shop (layout2) — Warm Editorial / Boutique
 *
 * Design concept: High-end European boutique storefront.
 * Cream backgrounds, gold/bronze accents, serif typography,
 * outlined buttons, editorial section breaks, no card-lift animations.
 * Every section looks hand-curated, not generated.
 */

/* ============================================================
   CSS CUSTOM PROPERTIES
   ============================================================ */
body.theme-layout2 {
  --skin-bg:           #faf7f2;
  --skin-bg-alt:       #f3ede4;
  --skin-bg-dark:      #1c1812;
  --skin-accent:       #8b6914;
  --skin-accent-soft:  #c9a227;
  --skin-accent-light: #f5edda;
  --skin-text:         #2c2416;
  --skin-text-muted:   #7a6a52;
  --skin-border:       #d4c4a8;
  --skin-border-dark:  #a8946e;
  --skin-radius:       4px;
  --skin-shadow:       0 2px 0 rgba(139, 105, 20, 0.15), 0 4px 16px rgba(0,0,0,0.06);
  --skin-font-serif:   Georgia, "Times New Roman", "Palatino Linotype", serif;
}

/* ============================================================
   GLOBAL BASE
   ============================================================ */
body.theme-layout2 {
  background-color: var(--skin-bg);
  color: var(--skin-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.theme-layout2 h1,
body.theme-layout2 h2,
body.theme-layout2 h3,
body.theme-layout2 h4 {
  font-family: var(--skin-font-serif);
  color: var(--skin-text);
  letter-spacing: 0.02em;
}

body.theme-layout2 a {
  color: var(--skin-accent);
}
body.theme-layout2 a:hover {
  color: var(--skin-accent-soft);
}

/* ============================================================
   PRELOADER
   ============================================================ */
body.theme-layout2 .preloader_holder {
  background-color: var(--skin-bg);
}
body.theme-layout2 .preloader span {
  background: var(--skin-accent) !important;
  box-shadow: none !important;
}

/* ============================================================
   HEADER — editorial two-row style
   ============================================================ */
body.theme-layout2 .fixed_header {
  background: var(--skin-bg);
}
body.theme-layout2 .saf_header_wrapper {
  background: var(--skin-bg);
  border-bottom: 2px solid var(--skin-border);
  box-shadow: none;
}

/* Top info strip */
body.theme-layout2 .saf_header_info_wrapper {
  background: var(--skin-bg-alt);
  border-bottom: 1px solid var(--skin-border);
  padding: 6px 24px;
}
body.theme-layout2 .saf_header_info_wrapper ul li {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--skin-text-muted);
}
body.theme-layout2 .saf_header_info_wrapper ul li a {
  color: var(--skin-accent);
  font-weight: 600;
}
body.theme-layout2 .saf_header_info_wrapper ul li a:hover {
  color: var(--skin-accent-soft);
}
body.theme-layout2 .saf_header_icon {
  border-color: var(--skin-border);
}
body.theme-layout2 .saf_header_icon svg {
  fill: var(--skin-accent);
}

/* Logo */
body.theme-layout2 .saf_logo {
  padding: 18px 0;
}
body.theme-layout2 .header-logo-img--layout1 {
  max-height: 52px;
  width: auto;
}

/* Navigation */
body.theme-layout2 .saf_main_menu,
body.theme-layout2 .saf_main_menu::before {
  background: var(--skin-bg) !important;
}
body.theme-layout2 .saf_main_menu a,
body.theme-layout2 .saf_nav_items ul li a {
  font-family: var(--skin-font-serif);
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.06em;
  text-transform: none;
  font-size: 0.95rem;
  color: var(--skin-text) !important;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
body.theme-layout2 .saf_nav_items ul li a:hover,
body.theme-layout2 .saf_main_menu a:hover {
  color: var(--skin-accent) !important;
  border-bottom-color: var(--skin-accent);
  background: transparent !important;
}

/* Dropdown menus */
body.theme-layout2 .sub_menu,
body.theme-layout2 .sub_menu-2 {
  background: var(--skin-bg) !important;
  border: 1px solid var(--skin-border);
  border-top: 3px solid var(--skin-accent);
  border-radius: 0 0 var(--skin-radius) var(--skin-radius);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
body.theme-layout2 .sub_menu li a,
body.theme-layout2 .sub_menu-2 li a {
  font-style: normal !important;
  font-size: 0.875rem !important;
  border-bottom: none !important;
  padding: 8px 18px !important;
}
body.theme-layout2 .sub_menu li a:hover,
body.theme-layout2 .sub_menu-2 li a:hover {
  background: var(--skin-accent-light) !important;
  color: var(--skin-accent) !important;
}

/* Mobile hamburger */
body.theme-layout2 .menu_btn span,
body.theme-layout2 .menu_btn span::before,
body.theme-layout2 .menu_btn span::after {
  background: var(--skin-text);
}

/* Cart/search icons in header */
body.theme-layout2 .searchBtn,
body.theme-layout2 .cart-icon-btn {
  color: var(--skin-text);
}
body.theme-layout2 .searchBtn:hover,
body.theme-layout2 .cart-icon-btn:hover {
  color: var(--skin-accent);
}

/* ============================================================
   HERO / SLIDER — editorial overlay
   ============================================================ */
body.theme-layout2 .hero-section,
body.theme-layout2 .saf_hero_wrapper {
  position: relative;
}
body.theme-layout2 .single-hero-items,
body.theme-layout2 .saf_hero_slide {
  position: relative;
}
/* Warm editorial overlay on slides */
body.theme-layout2 .single-hero-items::before,
body.theme-layout2 .saf_hero_slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(28, 24, 18, 0.65) 0%,
    rgba(139, 105, 20, 0.25) 60%,
    transparent 100%
  );
  z-index: 1;
  pointer-events: none;
}
body.theme-layout2 .single-hero-items .container,
body.theme-layout2 .saf_hero_slide .container {
  position: relative;
  z-index: 2;
}
body.theme-layout2 .saf_hero_title {
  font-family: var(--skin-font-serif);
  font-size: 3.2rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.15;
  color: #fff;
  text-shadow: 0 2px 20px rgba(0,0,0,0.35);
  letter-spacing: 0.01em;
}
body.theme-layout2 .saf_hero_desc {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-size: 1.1rem;
  color: rgba(255,255,255,0.9);
  line-height: 1.7;
  max-width: 520px;
}
body.theme-layout2 .saf_hero_btn {
  background: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  font-family: var(--skin-font-serif);
  font-style: italic;
  letter-spacing: 0.08em;
  padding: 12px 28px;
  border-radius: var(--skin-radius) !important;
  transition: background 0.25s ease, color 0.25s ease;
}
body.theme-layout2 .saf_hero_btn:hover {
  background: rgba(255,255,255,0.18) !important;
  color: #fff !important;
}

/* ============================================================
   SECTION TITLES — editorial rule style
   ============================================================ */
body.theme-layout2 .section-title {
  text-align: center;
  margin-bottom: 2.5rem;
  position: relative;
}
body.theme-layout2 .section-title h2 {
  font-family: var(--skin-font-serif);
  font-weight: 400;
  font-style: italic;
  font-size: 2rem;
  color: var(--skin-text);
  display: inline-block;
  padding-bottom: 1rem;
  position: relative;
}
body.theme-layout2 .section-title h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 2px;
  background: var(--skin-accent);
}

/* ============================================================
   BREADCRUMB — editorial strip
   ============================================================ */
body.theme-layout2 .breacrumb-section {
  background: var(--skin-bg-alt);
  border-bottom: 2px solid var(--skin-border);
  padding: 22px 0;
}
body.theme-layout2 .breacrumb-section h3 {
  font-family: var(--skin-font-serif);
  font-weight: 400;
  font-style: italic;
  font-size: 1.65rem;
  color: var(--skin-text);
  text-shadow: none;
}
body.theme-layout2 .breadcrumb-text a,
body.theme-layout2 .breadcrumb-text span {
  color: var(--skin-text-muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
body.theme-layout2 .breadcrumb-text a:hover {
  color: var(--skin-accent);
}

/* ============================================================
   BUTTONS — outlined gold style
   ============================================================ */
body.theme-layout2 .primary-btn,
body.theme-layout2 .cbtn,
body.theme-layout2 .btn.cbtn,
body.theme-layout2 .site-btn {
  background: transparent !important;
  border: 2px solid var(--skin-accent) !important;
  color: var(--skin-accent) !important;
  border-radius: var(--skin-radius) !important;
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.06em;
  padding: 10px 28px;
  transition: background 0.2s ease, color 0.2s ease;
}
body.theme-layout2 .primary-btn:hover,
body.theme-layout2 .cbtn:hover,
body.theme-layout2 .site-btn:hover {
  background: var(--skin-accent) !important;
  color: #fff !important;
}
/* Filled variant for checkout CTA */
body.theme-layout2 .proceed-btn,
body.theme-layout2 .place-btn {
  background: var(--skin-bg-dark) !important;
  border-color: var(--skin-bg-dark) !important;
  color: #fff !important;
  font-family: var(--skin-font-serif);
  font-style: italic;
}

/* ============================================================
   PRODUCT CARDS — flat editorial style
   ============================================================ */
body.theme-layout2 .product-item,
body.theme-layout2 .shop-item- .product-item {
  background: #fff;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.1);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transform: none !important;
}
body.theme-layout2 .product-item:hover {
  border-color: var(--skin-accent);
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.2), 0 6px 20px rgba(0,0,0,0.08);
  transform: none !important;
}
body.theme-layout2 .pi-pic img {
  border-radius: var(--skin-radius) var(--skin-radius) 0 0;
}
body.theme-layout2 .pi-text {
  padding: 14px 16px 16px;
}
body.theme-layout2 .pi-text h5,
body.theme-layout2 .pi-text h6 {
  font-family: var(--skin-font-serif);
  font-weight: 400;
  font-style: italic;
  font-size: 0.95rem;
  color: var(--skin-text);
  margin: 0 0 6px;
}
body.theme-layout2 .pi-text .product-price {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--skin-accent);
  font-family: var(--skin-font-serif);
}
body.theme-layout2 .pi-text .product-price span {
  font-size: 0.85rem;
  color: var(--skin-text-muted);
  text-decoration: line-through;
  margin-left: 6px;
  font-weight: 400;
}
/* Product hover overlay */
body.theme-layout2 .pi-pic .sale {
  background: var(--skin-accent);
  color: #fff;
  border-radius: var(--skin-radius);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.theme-layout2 .pi-pic ul li a {
  background: var(--skin-bg);
  color: var(--skin-accent) !important;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
}
body.theme-layout2 .pi-pic ul li a:hover {
  background: var(--skin-accent);
  color: #fff !important;
  border-color: var(--skin-accent);
}

/* ============================================================
   PRODUCT DETAIL PAGE
   ============================================================ */
body.theme-layout2 .page-details .product-details .pro-details-name h6 {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-size: 1.65rem;
  font-weight: 400;
  color: var(--skin-text);
}
body.theme-layout2 .page-details .product-details .pro-details-price {
  color: var(--skin-accent);
  font-family: var(--skin-font-serif);
  font-size: 1.5rem;
  font-weight: 400;
}
body.theme-layout2 .page-details .layout1-stock-block {
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.1);
}
body.theme-layout2 .page-details .layout1-stock-heading {
  background: var(--skin-bg-alt);
  border-bottom-color: var(--skin-border);
  font-family: var(--skin-font-serif);
  font-style: italic;
}
body.theme-layout2 .page-details .layout1-stock-table thead th {
  background: var(--skin-bg-alt);
  border-bottom-color: var(--skin-border);
  font-family: var(--skin-font-serif);
  letter-spacing: 0.04em;
}
/* Reviews */
body.theme-layout2 .page-details .product-reviews__login-card {
  border-color: var(--skin-border);
  background: var(--skin-bg-alt);
}
body.theme-layout2 .page-details .product-reviews__login-icon {
  color: var(--skin-accent);
}
body.theme-layout2 .page-details .product-reviews__login-btn.primary-btn,
body.theme-layout2 .page-details .product-reviews__submit.site-btn {
  background: var(--skin-accent) !important;
  border-color: var(--skin-accent) !important;
  color: #fff !important;
}

/* ============================================================
   CART PAGE
   ============================================================ */
body.theme-layout2 .shopping-cart.cart-page .cart-table table tr th {
  font-family: var(--skin-font-serif);
  font-style: italic;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--skin-text-muted);
  border-bottom: 2px solid var(--skin-border);
}
body.theme-layout2 .shopping-cart.cart-page .cart-table table tr td {
  border-bottom: 1px solid var(--skin-border);
  vertical-align: middle;
}
body.theme-layout2 .shopping-cart.cart-page .cart-thumb-img {
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
}
body.theme-layout2 .shopping-cart.cart-page .cart-title h5 {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--skin-text);
}
body.theme-layout2 .shopping-cart.cart-page .discount-coupon {
  border: 1px solid var(--skin-border);
  background: var(--skin-bg-alt);
  border-radius: var(--skin-radius);
}
body.theme-layout2 .shopping-cart.cart-page .discount-coupon h6 {
  font-family: var(--skin-font-serif);
  font-style: italic;
  text-transform: none;
  color: var(--skin-text-muted);
  letter-spacing: 0.02em;
}
body.theme-layout2 .shopping-cart.cart-page .proceed-checkout {
  background: var(--skin-bg-alt);
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.1);
}
body.theme-layout2 .shopping-cart.cart-page .proceed-checkout ul li {
  color: var(--skin-text);
  font-family: var(--skin-font-serif);
}
body.theme-layout2 .shopping-cart.cart-page .proceed-checkout ul li.cart-total span {
  color: var(--skin-accent) !important;
}

/* ============================================================
   CHECKOUT / FORMS
   ============================================================ */
body.theme-layout2 .checkout-form input,
body.theme-layout2 .checkout-form select,
body.theme-layout2 .checkout-form textarea {
  background: #fff;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  color: var(--skin-text);
}
body.theme-layout2 .checkout-form input:focus,
body.theme-layout2 .checkout-form select:focus,
body.theme-layout2 .checkout-form textarea:focus {
  border-color: var(--skin-accent);
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.12);
}
body.theme-layout2 .checkout-form label {
  font-family: var(--skin-font-serif);
  font-style: italic;
  color: var(--skin-text-muted);
  font-size: 0.9rem;
}

/* ============================================================
   USER AUTH (LOGIN / REGISTER)
   ============================================================ */
body.theme-layout2 .user-auth-page {
  background: var(--skin-bg);
}
body.theme-layout2 .user-auth__inner,
body.theme-layout2 .user-auth-wrap:not(.user-auth__inner) {
  background: #fff;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.1);
  padding: 2.25rem 2rem;
}
body.theme-layout2 .user-auth__input,
body.theme-layout2 .user-auth .form-control {
  background: var(--skin-bg);
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  color: var(--skin-text);
}
body.theme-layout2 .user-auth__input:focus,
body.theme-layout2 .user-auth .form-control:focus {
  border-color: var(--skin-accent);
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.1);
}
body.theme-layout2 .user-auth__label {
  font-family: var(--skin-font-serif);
  font-style: italic;
  color: var(--skin-text-muted);
}
body.theme-layout2 .user-auth .user-auth__submit.cbtn {
  background: var(--skin-accent) !important;
  border-color: var(--skin-accent) !important;
  color: #fff !important;
  font-family: var(--skin-font-serif);
  font-style: italic;
}
body.theme-layout2 .user-auth__footer-text a,
body.theme-layout2 .user-auth__forgot a {
  color: var(--skin-accent);
  font-family: var(--skin-font-serif);
  font-style: italic;
}
/* Breadcrumb on auth pages */
body.theme-layout2 .user-auth-page__breadcrumb::before {
  background: linear-gradient(135deg, rgba(28,24,18,0.7) 0%, rgba(139,105,20,0.45) 100%);
}
body.theme-layout2 .user-auth-page__panel {
  background: linear-gradient(160deg, var(--skin-bg-dark) 0%, #3a2d18 100%);
  border-radius: var(--skin-radius) 0 0 var(--skin-radius);
}
body.theme-layout2 .user-auth-page__panel-title {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 1.8rem;
}
body.theme-layout2 .user-auth__card-head {
  background: linear-gradient(165deg, rgba(139,105,20,0.08) 0%, rgba(255,255,255,0) 72%);
  border-bottom-color: var(--skin-border);
}
body.theme-layout2 .user-auth__card-head-icon {
  background: var(--skin-accent-light);
  color: var(--skin-accent);
  border-radius: var(--skin-radius);
}
body.theme-layout2 .user-auth__card-head-title {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 1.5rem;
  color: var(--skin-text);
}

/* ============================================================
   USER DASHBOARD
   ============================================================ */
body.theme-layout2 .user-dashboard,
body.theme-layout2 .user-panel {
  background: #fff;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.1);
}
body.theme-layout2 .user-dashboard__section-title,
body.theme-layout2 .user-panel__heading {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  color: var(--skin-accent);
  border-bottom: 1px solid var(--skin-border);
  padding-bottom: 8px;
}
body.theme-layout2 .user-profile__label,
body.theme-layout2 .user-auth__label {
  font-family: var(--skin-font-serif);
  font-style: italic;
  color: var(--skin-text-muted);
  font-size: 0.88rem;
}
body.theme-layout2 .user-profile__input,
body.theme-layout2 .user-panel__input {
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  background: var(--skin-bg);
}
body.theme-layout2 .user-profile__input:focus,
body.theme-layout2 .user-panel__input:focus {
  border-color: var(--skin-accent);
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.1);
}

/* Orders table */
body.theme-layout2 .user-orders__table th {
  background: var(--skin-bg-alt);
  color: var(--skin-text-muted);
  font-family: var(--skin-font-serif);
  font-style: italic;
  text-transform: none;
  letter-spacing: 0.02em;
  border-color: var(--skin-border);
}
body.theme-layout2 .user-orders__table td {
  border-color: var(--skin-border);
  color: var(--skin-text);
  vertical-align: middle;
}
body.theme-layout2 .user-orders__status-badge {
  background: var(--skin-accent-light);
  color: var(--skin-accent);
  border-radius: var(--skin-radius);
}

/* ============================================================
   BLOG
   ============================================================ */
body.theme-layout2 .single-latest-blog img {
  border-radius: var(--skin-radius) var(--skin-radius) 0 0;
}
body.theme-layout2 .single-latest-blog {
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  background: #fff;
  overflow: hidden;
}
body.theme-layout2 .latest-text {
  padding: 16px;
}
body.theme-layout2 .latest-text h4 {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  color: var(--skin-text);
  line-height: 1.45;
}
body.theme-layout2 .latest-text h4:hover {
  color: var(--skin-accent);
}
body.theme-layout2 .tag-item {
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--skin-text-muted);
}

/* ============================================================
   ABOUT / BENEFIT SECTION
   ============================================================ */
body.theme-layout2 .about-main,
body.theme-layout2 .saf_about_wrapper {
  background: var(--skin-bg-alt);
  border-top: 1px solid var(--skin-border);
  border-bottom: 1px solid var(--skin-border);
}
body.theme-layout2 .about-main h2,
body.theme-layout2 .saf_about_title {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
}
body.theme-layout2 .benefit-main {
  background: var(--skin-bg-alt);
  border-top: 1px solid var(--skin-border);
}
body.theme-layout2 .sb-icon img {
  filter: sepia(0.4) brightness(0.85);
}
body.theme-layout2 .sb-text h6 {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  color: var(--skin-text);
}

/* ============================================================
   FOOTER — dark editorial
   ============================================================ */
body.theme-layout2 footer .saf_footer_wrapper {
  background: var(--skin-bg-dark) !important;
  border-top: 3px solid var(--skin-accent);
  padding: 60px 0 40px;
}
body.theme-layout2 footer .saf_footer_title h4 {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 1.2rem;
  color: var(--skin-accent-soft) !important;
  letter-spacing: 0.04em;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(212, 196, 168, 0.2);
  margin-bottom: 16px;
}
body.theme-layout2 footer ul li a,
body.theme-layout2 footer ul li span,
body.theme-layout2 footer ul li div {
  color: rgba(250, 247, 242, 0.7) !important;
  font-size: 0.875rem;
  transition: color 0.2s ease;
}
body.theme-layout2 footer ul li a:hover {
  color: var(--skin-accent-soft) !important;
}
body.theme-layout2 footer p,
body.theme-layout2 footer .saf_footer_text {
  color: rgba(250, 247, 242, 0.65);
  font-size: 0.875rem;
  line-height: 1.7;
}

/* Copyright strip */
body.theme-layout2 footer .saf_copyright_wrapper {
  background: rgba(0,0,0,0.3) !important;
  border-top: 1px solid rgba(212, 196, 168, 0.15);
  padding: 14px 0;
}
body.theme-layout2 footer .saf_copyright_wrapper p,
body.theme-layout2 footer .saf_copyright_wrapper a {
  color: rgba(250, 247, 242, 0.55) !important;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}
body.theme-layout2 footer .saf_copyright_wrapper a:hover {
  color: var(--skin-accent-soft) !important;
}

/* ============================================================
   CONTACT PAGE
   ============================================================ */
body.theme-layout2 .contact-main {
  background: var(--skin-bg);
}
body.theme-layout2 .contact-icon .icon {
  color: var(--skin-accent);
  font-size: 1.5rem;
}
body.theme-layout2 .form-main {
  background: #fff;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  padding: 2rem;
  box-shadow: 0 2px 0 rgba(139, 105, 20, 0.1);
}
body.theme-layout2 .form-main .form-control {
  background: var(--skin-bg);
  border: 1px solid var(--skin-border);
  color: var(--skin-text);
  border-radius: var(--skin-radius);
}
body.theme-layout2 .form-main .form-control:focus {
  border-color: var(--skin-accent);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(139,105,20,0.1);
}

/* ============================================================
   PAYMENT PAGE — method cards
   ============================================================ */
body.theme-layout2 .payment-method-radio:checked + .payment-method-label {
  color: var(--skin-accent);
}

/* ============================================================
   PAGINATION
   ============================================================ */
body.theme-layout2 .pagination li a,
body.theme-layout2 .pagination li span {
  border: 1px solid var(--skin-border);
  color: var(--skin-text);
  border-radius: var(--skin-radius);
  background: #fff;
}
body.theme-layout2 .pagination li a:hover,
body.theme-layout2 .pagination .active a {
  background: var(--skin-accent);
  border-color: var(--skin-accent);
  color: #fff;
}

/* ============================================================
   ALERT / FLASH MESSAGES
   ============================================================ */
body.theme-layout2 .alert-success {
  background: #faf6eb;
  border-color: var(--skin-border);
  color: var(--skin-accent);
}
body.theme-layout2 .alert-danger {
  background: #fdf4f4;
  border-color: #e8c4c4;
  color: #8b2020;
}
body.theme-layout2 .alert-info {
  background: var(--skin-bg-alt);
  border-color: var(--skin-border);
  color: var(--skin-text-muted);
}

/* ============================================================
   SEARCH BOX
   ============================================================ */
body.theme-layout2 .searchBox {
  background: rgba(28, 24, 18, 0.96);
}
body.theme-layout2 .search_bar_inner input {
  border: 1px solid var(--skin-border-dark);
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-radius: var(--skin-radius);
}
body.theme-layout2 .search_bar_inner button {
  background: var(--skin-accent);
  border-radius: var(--skin-radius);
  color: #fff;
}

/* ============================================================
   MOBILE RESPONSIVE OVERRIDES (layout2-specific)
   ============================================================ */
@media (max-width: 991.98px) {
  body.theme-layout2 .saf_header_info_wrapper {
    display: none;
  }
  body.theme-layout2 .saf_hero_title {
    font-size: 2.2rem;
  }
}
@media (max-width: 767.98px) {
  body.theme-layout2 .saf_hero_title {
    font-size: 1.75rem;
  }
  body.theme-layout2 .saf_hero_desc {
    font-size: 0.95rem;
  }
  body.theme-layout2 .section-title h2 {
    font-size: 1.5rem;
  }
  body.theme-layout2 .form-main {
    padding: 1.25rem;
  }
  body.theme-layout2 .user-auth__inner,
  body.theme-layout2 .user-auth-wrap:not(.user-auth__inner) {
    padding: 1.5rem 1.25rem;
  }
  body.theme-layout2 footer .saf_footer_wrapper {
    padding: 36px 0 24px;
  }
}
@media (max-width: 575.98px) {
  body.theme-layout2 .saf_hero_title {
    font-size: 1.4rem;
  }
  body.theme-layout2 .section-title h2 {
    font-size: 1.3rem;
  }
  body.theme-layout2 .primary-btn,
  body.theme-layout2 .cbtn,
  body.theme-layout2 .site-btn {
    padding: 9px 20px;
    font-size: 0.9rem;
  }
}

/* ============================================================
   USER ACCOUNT AREA — layout2 theme overrides
   ============================================================ */
body.theme-layout2 .user-sidebar,
body.theme-layout2 .profile-sidebar {
  border-color: var(--skin-border);
  border-radius: var(--skin-radius);
  background: var(--skin-bg);
  box-shadow: var(--skin-shadow);
}
body.theme-layout2 .user-sidebar__avatar-wrap {
  background: linear-gradient(135deg, var(--skin-bg) 0%, var(--skin-bg-alt) 100%);
  border-bottom-color: var(--skin-border);
}
body.theme-layout2 .user-sidebar__name {
  font-family: var(--skin-font-serif);
  color: var(--skin-text);
  font-style: italic;
}
body.theme-layout2 .user-sidebar__email {
  color: var(--skin-text-muted);
}
body.theme-layout2 .user-sidebar__nav-link {
  color: var(--skin-text);
  font-family: var(--skin-font-serif);
  font-style: italic;
}
body.theme-layout2 .user-sidebar__nav-link:hover {
  background: var(--skin-accent-light);
  color: var(--skin-accent);
}
body.theme-layout2 .user-sidebar__nav-item--active .user-sidebar__nav-link {
  background: var(--skin-accent-light);
  color: var(--skin-accent);
  border-left-color: var(--skin-accent);
}
body.theme-layout2 .user-sidebar__nav-item {
  border-bottom-color: var(--skin-border);
}
body.theme-layout2 .user-sidebar__nav-link--logout {
  color: #c0392b;
}
body.theme-layout2 .user-dashboard {
  background: #fff;
  border-color: var(--skin-border);
  border-radius: var(--skin-radius);
}
body.theme-layout2 .user-dashboard__section-title {
  font-family: var(--skin-font-serif);
  font-style: italic;
  color: var(--skin-text);
}
body.theme-layout2 .user-dashboard__divider {
  border-top-color: var(--skin-border);
}
body.theme-layout2 .user-profile__label {
  color: var(--skin-text-muted);
  font-family: var(--skin-font-serif);
}
body.theme-layout2 .user-orders__status-badge {
  background: var(--skin-accent-light);
  color: var(--skin-accent);
}
body.theme-layout2 .user-orders__view-link {
  color: var(--skin-accent);
}
@media (max-width: 991.98px) {
  body.theme-layout2 .user-sidebar__nav-item--active .user-sidebar__nav-link {
    border-bottom-color: var(--skin-accent);
    border-left: none;
  }
}

/* ============================================================
   AUTH PAGES (login / register / forgot) — layout2 theme
   ============================================================ */
body.theme-layout2 .user-auth-page {
  background: var(--skin-bg);
}
body.theme-layout2 .user-auth-page__breadcrumb {
  position: relative;
  background-size: cover;
  background-position: center;
}
body.theme-layout2 .user-auth-page__breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(28, 24, 18, 0.82) 0%, rgba(139, 105, 20, 0.55) 100%);
}
body.theme-layout2 .user-auth-page__breadcrumb .container {
  position: relative;
  z-index: 1;
}
body.theme-layout2 .user-auth-page__crumb-title {
  color: #fff;
  font-family: var(--skin-font-serif);
  font-style: italic;
}
body.theme-layout2 .user-auth-page__breadcrumb .breadcrumb-text a,
body.theme-layout2 .user-auth-page__breadcrumb .breadcrumb-text span {
  color: rgba(255, 255, 255, 0.9);
}
body.theme-layout2 .user-auth-page__section {
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
}
body.theme-layout2 .user-auth-page__panel {
  background: linear-gradient(160deg, var(--skin-bg-dark) 0%, #2d2416 100%);
  color: #fff;
  border-radius: var(--skin-radius) 0 0 var(--skin-radius);
  padding: 2.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
body.theme-layout2 .user-auth-page__panel-icon {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  background: rgba(201, 162, 39, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--skin-accent-soft);
  margin-bottom: 1.25rem;
}
body.theme-layout2 .user-auth-page__panel-title {
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-size: 1.7rem;
  color: var(--skin-accent-soft);
  margin: 0 0 1rem;
  line-height: 1.25;
}
body.theme-layout2 .user-auth-page__panel-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  line-height: 1.6;
}
body.theme-layout2 .user-auth-page__panel-text a {
  color: var(--skin-accent-soft);
  text-decoration: underline;
}
body.theme-layout2 .user-auth__inner,
body.theme-layout2 .user-auth-wrap {
  background: #fff;
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  padding: 2rem 1.75rem;
}
body.theme-layout2 .user-auth-page .user-auth__inner.user-auth__card {
  border-radius: 0 var(--skin-radius) var(--skin-radius) 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  body.theme-layout2 .user-auth-page .user-auth__inner.user-auth__card {
    border-radius: var(--skin-radius);
  }
}
body.theme-layout2 .user-auth-page .user-auth__inner .user-auth__alerts {
  padding: 1.25rem 1.75rem 0;
}
body.theme-layout2 .user-auth__card-head {
  padding: 1.75rem 1.5rem 1.25rem;
  text-align: center;
  border-bottom: 1px solid var(--skin-border);
  background: linear-gradient(165deg, var(--skin-accent-light) 0%, #fff 72%);
}
body.theme-layout2 .user-auth__card-head-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-bottom: 0.75rem;
  border-radius: var(--skin-radius);
  background: var(--skin-accent-light);
  color: var(--skin-accent);
  font-size: 1.3rem;
  border: 1px solid var(--skin-border);
}
body.theme-layout2 .user-auth__card-head-title {
  margin: 0;
  font-family: var(--skin-font-serif);
  font-style: italic;
  font-size: 1.4rem;
  color: var(--skin-text);
}
body.theme-layout2 .user-auth__form--modern {
  padding: 1.5rem 1.75rem 1.85rem;
}
body.theme-layout2 .user-auth__form--modern .user-auth__label {
  font-family: var(--skin-font-serif);
  font-style: italic;
  color: var(--skin-text-muted);
  margin-bottom: 4px;
}
body.theme-layout2 .user-auth__input,
body.theme-layout2 .user-auth .form-control {
  border: 1px solid var(--skin-border);
  border-radius: var(--skin-radius);
  background: var(--skin-bg);
  color: var(--skin-text);
}
body.theme-layout2 .user-auth__input:focus,
body.theme-layout2 .user-auth .form-control:focus {
  border-color: var(--skin-accent);
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.1);
  outline: none;
  background: #fff;
}
body.theme-layout2 .user-auth .user-auth__submit.cbtn {
  background: var(--skin-accent);
  border-color: var(--skin-accent);
  color: #fff;
}
body.theme-layout2 .user-auth .user-auth__submit.cbtn:hover {
  filter: brightness(0.92);
  color: #fff;
}
body.theme-layout2 .user-auth__footer-text a,
body.theme-layout2 .user-auth__forgot a {
  color: var(--skin-accent);
  font-weight: 600;
}
body.theme-layout2 .user-auth__input-wrap {
  position: relative;
}
body.theme-layout2 .user-auth__input-wrap .user-auth__input {
  padding-left: 2.85rem;
  min-height: 46px;
}
body.theme-layout2 .user-auth__input-wrap::before {
  font-family: FontAwesome;
  position: absolute;
  left: 1.05rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--skin-text-muted);
  font-size: 0.95rem;
  pointer-events: none;
  z-index: 1;
}
body.theme-layout2 .user-auth__input-wrap--email::before  { content: "\f0e0"; }
body.theme-layout2 .user-auth__input-wrap--password::before { content: "\f023"; }
body.theme-layout2 .user-auth__input-wrap--phone::before  { content: "\f095"; }
body.theme-layout2 .user-auth__input-wrap--user::before   { content: "\f007"; }
body.theme-layout2 .user-auth__input-wrap--captcha::before { content: "\f029"; }
body.theme-layout2 .user-auth__input-wrap:focus-within .user-auth__input {
  border-color: var(--skin-accent);
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.12);
}
body.theme-layout2 .user-auth__row--split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

/* ===== Layout2 — User account sidebar & panel overrides ===== */
body.theme-layout2 .user-sidebar {
  border-radius: 4px;
  border-color: var(--skin-accent-light, #f5edda);
  box-shadow: 0 2px 16px rgba(139, 105, 20, 0.08);
}
body.theme-layout2 .user-sidebar__avatar-wrap {
  background: linear-gradient(135deg, var(--skin-bg) 0%, var(--skin-bg-alt) 100%);
  border-bottom-color: var(--skin-accent-light, #f5edda);
}
body.theme-layout2 .user-sidebar__avatar {
  border-color: var(--skin-accent-soft, #c9a227);
}
body.theme-layout2 .user-sidebar__name {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.05rem;
}
body.theme-layout2 .user-sidebar__nav-item {
  border-bottom-color: var(--skin-accent-light, #f5edda);
}
body.theme-layout2 .user-sidebar__nav-link:hover,
body.theme-layout2 .user-sidebar__nav-link:focus {
  background: var(--skin-accent-light, #f5edda);
  color: var(--skin-accent, #8b6914);
}
body.theme-layout2 .user-sidebar__nav-item--active .user-sidebar__nav-link {
  background: var(--skin-accent-light, #f5edda);
  color: var(--skin-accent, #8b6914);
  border-left-color: var(--skin-accent, #8b6914);
}
body.theme-layout2 .user-panel {
  border-radius: 4px;
  border-color: var(--skin-accent-light, #f5edda);
  box-shadow: 0 2px 16px rgba(139, 105, 20, 0.06);
}
body.theme-layout2 .user-panel__heading {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.4rem;
  color: var(--skin-text, #2c2416);
}
body.theme-layout2 .user-panel__rule {
  border-top-color: var(--skin-accent-light, #f5edda);
}
body.theme-layout2 .user-panel .user-auth__input:focus,
body.theme-layout2 .user-panel .form-control:focus {
  border-color: var(--skin-accent, #8b6914);
  box-shadow: 0 0 0 3px rgba(139, 105, 20, 0.12);
}
body.theme-layout2 .user-panel__submit.primary-btn,
body.theme-layout2 .user-panel__submit.cbtn {
  background: var(--skin-accent, #8b6914);
  border-color: var(--skin-accent, #8b6914);
}
body.theme-layout2 .shop-tracking-status .order-status-timeline .order-status-timeline-completion {
  background: var(--skin-accent, #8b6914);
}
body.theme-layout2 .shop-tracking-status .image-order-status.active {
  box-shadow: 0 0 10px 0 var(--skin-accent, #8b6914);
}
body.theme-layout2 .shop-tracking-status .image-order-status.active .status {
  color: var(--skin-accent, #8b6914);
}