/*
 Theme Name:  akoca Child Theme
 Theme URL:    https://akoca-seo.co.uk/
 Description:  Child Theme for Divi
 Author:       Akoca SEO
 Author URI:   https://akoca-seo.co.uk/
 Template:     Divi
 Version:      1.0.0
*/

/*
========================================
INSTRUCTIONS FOR DEVELOPERS
========================================
Responsive heading and body styles are left commented out below so layout type
stays under Divi's control for this build. Activate only if a project needs
hard-coded responsive type outside the builder.

ACTIVE for this project:
  - Brand colour tokens (:root)
  - Local fonts: Rubik 400-900 (normal + italic), Poppins 400/700
The holding page only uses Rubik 400/500/700. The remaining weights are
declared ready for a full build; browsers only fetch a face when the page
renders text in it, so the extras stay dormant until used.
Font paths are relative to this stylesheet, so they resolve to the child
theme's /fonts/ folder and survive a clone without editing.
========================================
*/

/* ========================================
   BRAND COLOUR TOKENS - McCracken & Sons
   Mirror these as Divi Global Colours so the client can edit safely.
   ======================================== */
:root {
  --red:       #991419;
  --red-deep:  #740E12;
  --ink:       #111111;
  --ink-2:     #2B2B2B;
  --mute:      #6B6B6B;
  --rule:      #E6E4E0;
  --bg:        #FAFAFA;
  --white:     #FFFFFF;
}

/* ========================================
   LOCAL FONTS - Rubik (client)
   ======================================== */

/* Rubik 400 - Regular */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-regular.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
/* Rubik 400 - Italic */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-italic.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

/* Rubik 500 - Medium */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-500.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
/* Rubik 500 - Medium Italic */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-500italic.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-500italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

/* Rubik 600 - SemiBold */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-600.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
/* Rubik 600 - SemiBold Italic */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-600italic.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-600italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

/* Rubik 700 - Bold */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-700.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
/* Rubik 700 - Bold Italic */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-700italic.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-700italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

/* Rubik 800 - ExtraBold */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-800.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
/* Rubik 800 - ExtraBold Italic */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-800italic.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-800italic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}

/* Rubik 900 - Black */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-900.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* Rubik 900 - Black Italic */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  src: url('fonts/rubik-v31-latin-900italic.woff2') format('woff2'),
       url('fonts/rubik-v31-latin-900italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

/* ========================================
   LOCAL FONTS - Poppins (agency)
   ======================================== */

/* Poppins - Regular */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  src: url('fonts/poppins-v21-latin-regular.woff2') format('woff2'),
       url('fonts/poppins-v21-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
/* Poppins - Bold */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  src: url('fonts/poppins-v21-latin-700.woff2') format('woff2'),
       url('fonts/poppins-v21-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}


/*====== HEADER =====*/
.site-wordmark {
  display: block;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  letter-spacing: 0.02em;
  line-height: 1.1;
  color: var(--ink);
}

.site-wordmark-sub {
  display: block;
  margin-top: 0.3125rem;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 0.625rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mute);
}

.site-est {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 0.6875rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mute);
}
/* ========================================
   DORMANT - activate only if needed (Divi handles type by default)
   ======================================== */

/* Responsive Headings
h1 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h2 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h3 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h4 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h5 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h6 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
*/

/* Responsive Body Text
body, p, .et_pb_text_inner, .et_pb_text_inner p, .dsm_icon_list_text, .dsm_business_hours, .dsm-content, .et_pb_blurb_description {
  font-size: clamp(PLACEHOLDER_MIN_BODY, PLACEHOLDER_CALC_BODY, PLACEHOLDER_MAX_BODY);
}
a {
  color: PLACEHOLDER_COLOR;
}
*/