/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/




/* ── Shipping Block ── */
.sed-ship-block,
.sed-ship-block *,
.sed-ship-block *::before,
.sed-ship-block *::after { box-sizing: border-box; margin: 0; padding: 0; }

.sed-ship-block {
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  background: transparent;
}

.sed-ship-block h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(1.6rem, 2.5vw, 2rem) !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  letter-spacing: -0.01em !important;
}

.sed-ship-block ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
}

.sed-ship-block ul li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #3A3835 !important;
  line-height: 1.55 !important;
  padding: 9px 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
}

.sed-ship-block ul li::before {
  content: '' !important;
  flex-shrink: 0 !important;
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  border-radius: 50% !important;
  background: #A98B5B !important;
  margin-top: 6px !important;
}

.sed-ship-block .ship-link {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #A98B5B;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #A98B5B;
  transition: color 0.2s ease;
}

.sed-ship-block .ship-link:hover {
  color: #1A1A1A;
  text-decoration-color: #1A1A1A;
}
::marker {
    color: #A98B5B;
}



/* Common css */
/*
 * Sederica — Child Theme Brand Overrides
 * Theme: Shoptimizer
 * Add this to: Appearance > Customize > Additional CSS
 * OR: child theme style.css (after the theme header comment)
 *
 * Fonts loaded via: Google Fonts (Cormorant Garamond + Inter)
 * Make sure this is in your child theme functions.php or
 * enqueued via wp_enqueue_style() so fonts load sitewide.
 */

/* ─────────────────────────────────────────────
   0. GOOGLE FONTS — enqueue in functions.php
   Add this to child theme functions.php:

   function sederica_enqueue_fonts() {
     wp_enqueue_style(
       'sederica-fonts',
       'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap',
       [],
       null
     );
   }
   add_action( 'wp_enqueue_scripts', 'sederica_enqueue_fonts' );
   ───────────────────────────────────────────── */


/* ─────────────────────────────────────────────
   1. BRAND TOKENS (CSS custom properties)
   ───────────────────────────────────────────── */
:root {
  --sed-cream:       #FAF7F2;
  --sed-white:       #FFFFFF;
  --sed-gold:        #A98B5B;
  --sed-gold-dark:   #8B7048;
  --sed-black:       #1A1A1A;
  --sed-mid:         #5F5E5A;
  --sed-border:      #EBE7DC;

  --sed-font-body:   'Inter', ui-sans-serif, system-ui, sans-serif;
  --sed-font-serif:  'Cormorant Garamond', Georgia, serif;

  --sed-ease:        cubic-bezier(0.4, 0, 0.2, 1);
}


/* ─────────────────────────────────────────────
   2. BASE BODY FONT — Inter replaces system-ui
   Scoped to avoid breaking wp-admin
   ───────────────────────────────────────────── */
body,
p,
span,
div,
a,
li,
ul,
ol,
button,
input,
select,
textarea,
label,
td,
th {
  font-family: var(--sed-font-body) !important;
}





h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title,
.page-title,
.woocommerce-loop-product__title,
.product_title,
.widget-title {
  font-family: var(--sed-font-serif) !important;
  font-weight: 500 !important;
  color: var(--sed-black) !important;
  letter-spacing: -0.3px;
}













<!-- ═══════════════════════════════════════════════════════════════
     OPTIONAL CSS
     Paste into: Appearance → Customize → Additional CSS
     (Only if you want the table/list styled to match your brand.
      Skip if your theme already styles product descriptions.)
     ═══════════════════════════════════════════════════════════════ -->
.sederica-product h2{
  font-family:'Cormorant Garamond',serif;
  font-size:28px;
  font-weight:500;
  color:#1A1A1A;
  margin:32px 0 16px;
  line-height:1.2;
}
.sederica-product p{
  font-size:16px;
  color:#5F5E5A;
  line-height:1.8;
  margin-bottom:16px;
}
.sederica-product ul{
  margin:16px 0 20px;
  padding-left:0;
  list-style:none;
}
.sederica-product ul li{
  font-size:15px;
  color:#5F5E5A;
  line-height:1.7;
  margin-bottom:10px;
  padding-left:26px;
  position:relative;
}
.sederica-product ul li::before{
  content:'';
  position:absolute;
  left:0;
  top:10px;
  width:6px;
  height:6px;
  background:#A98B5B;
  border-radius:50%;
}
.sederica-specs{
  width:100%;
  border-collapse:collapse;
  margin:16px 0 24px;
  background:#FFFFFF;
  border:1px solid #EBE7DC;
}
.sederica-specs th{
  text-align:left;
  padding:12px 18px;
  background:#F5F1E8;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#1A1A1A;
  font-weight:600;
  border-bottom:1px solid #EBE7DC;
}
.sederica-specs td{
  padding:12px 18px;
  font-size:14px;
  color:#5F5E5A;
  border-bottom:1px solid #EBE7DC;
}
.sederica-specs tr:last-child td{
  border-bottom:none;
}
.sederica-product img{
  max-width:100%;
  height:auto;
  border-radius:4px;
  margin:16px 0;
}
.sederica-related{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid #EBE7DC;
  font-size:15px;
}
.sederica-related a{
  color:#A98B5B;
  font-weight:500;
}
.sederica-related a:hover{
  color:#1A1A1A;
}



/* for singel products page short */

.sed-specs{list-style:none;padding:0;margin:0 0 18px}
.sed-specs li{font-size:14px;color:#5F5E5A;line-height:1.7;
  padding-left:20px;position:relative;margin-bottom:7px}
.sed-specs li::before{content:'';position:absolute;left:0;top:9px;
  width:5px;height:5px;background:#A98B5B;border-radius:50%}