/*
Theme Name: Salamahtype
Theme URI: https://salamahtype.com/
Author: Salamahtype Studio
Author URI: https://salamahtype.com/
Description: A lightweight, font-foundry focused WordPress theme built from scratch and prepared for WooCommerce.
Version: 2.6.51
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: salamahtype
*/


/* =========================================================
   Salamahtype v2.6.11 — Retro Coral UI
   Accent: #f2583a
========================================================= */

:root {
  --st-retro-coral: #f2583a;
}

/* Header logo: regular coral, dark gray on hover */
.site-header .site-logo,
.site-header .custom-logo-link,
.st-header .st-logo,
.st-header .site-title,
header .site-logo,
header .custom-logo-link,
header .st-logo {
  color: #f2583a !important;
  font-weight: 400 !important;
  text-decoration: none;
}

.site-header .site-logo:hover,
.site-header .custom-logo-link:hover,
.st-header .st-logo:hover,
.st-header .site-title:hover,
header .site-logo:hover,
header .custom-logo-link:hover,
header .st-logo:hover {
  color: #333333 !important;
}

/* Header + footer links: regular weight, coral on hover */
.site-header nav a,
.site-header .st-menu a,
.st-header nav a,
.st-header .st-menu a,
.site-footer a,
footer a,
.st-footer a {
  font-weight: 400 !important;
  transition: color .2s ease, opacity .2s ease;
}

.site-header nav a:hover,
.site-header .st-menu a:hover,
.st-header nav a:hover,
.st-header .st-menu a:hover,
.site-footer a:hover,
footer a:hover,
.st-footer a:hover {
  color: #f2583a !important;
}

/* Header icons also use the same hover color */
.site-header button:hover,
.site-header a:hover svg,
.st-header button:hover,
.st-header a:hover svg,
.st-header .st-header-actions a:hover,
.site-header .st-header-actions a:hover {
  color: #f2583a !important;
  stroke: #f2583a;
}

/* WooCommerce Add to Cart: dark gray regular, coral hover */
.single_add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button,
.st-license-box .add_to_cart_button,
.st-license-box button[type="submit"],
.st-buy button[type="submit"] {
  background: #4A4A4A !important;
  color: #FFFFFF !important;
  font-weight: 400 !important;
  border-color: #4A4A4A !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.single_add_to_cart_button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce-page .single_add_to_cart_button:hover,
.st-license-box .add_to_cart_button:hover,
.st-license-box button[type="submit"]:hover,
.st-buy button[type="submit"]:hover {
  background: #f2583a !important;
  color: #FFFFFF !important;
  border-color: #f2583a !important;
}

/* Selected license */
.st-license-option.is-selected,
.st-license-option.selected,
.st-license-option input:checked + label,
.st-license-option label.is-selected {
  color: #f2583a !important;
  font-weight: 700 !important;
}

/* =========================================================
   Tester box — cleaner, softer and aligned with the new UI
========================================================= */

.st-type-tester,
.st-font-tester,
.st-tester,
.type-tester,
.font-tester {
  background: #F7F6F2 !important;
  border: 1px solid #E5E2DC !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(25,25,25,.06) !important;
  overflow: hidden;
}

.st-type-tester .st-preview,
.st-font-tester .st-preview,
.st-tester-preview,
.st-preview-box,
.type-tester .preview {
  background: #FFFFFF !important;
  border: 1px solid #E2E0DB !important;
  border-radius: 14px !important;
  box-shadow: 0 3px 12px rgba(25,25,25,.045) !important;
}

/* Tester controls */
.st-type-tester .st-align-controls button,
.st-type-tester .st-case-controls button,
.st-font-tester .st-align-controls button,
.st-font-tester .st-case-controls button {
  background: #FFFFFF !important;
  color: #555555 !important;
  border-color: #E1DED8 !important;
  font-weight: 400 !important;
}

.st-type-tester .st-align-controls button:hover,
.st-type-tester .st-case-controls button:hover,
.st-font-tester .st-align-controls button:hover,
.st-font-tester .st-case-controls button:hover {
  color: #f2583a !important;
  border-color: #f2583a !important;
}

.st-type-tester .st-align-controls button.is-active,
.st-type-tester .st-case-controls button.is-active,
.st-font-tester .st-align-controls button.is-active,
.st-font-tester .st-case-controls button.is-active {
  background: #f2583a !important;
  color: #FFFFFF !important;
  border-color: #f2583a !important;
}

/* Glyphs box */
.st-type-tester .st-glyphs,
.st-font-tester .st-glyphs,
.st-glyph-box,
.st-glyph-panel {
  background: #F1F0EC !important;
  border: 1px solid #E2E0DA !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
  padding: 24px 28px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.st-type-tester .st-glyphs-content,
.st-font-tester .st-glyphs-content,
.st-glyph-content {
  width: 100%;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Tester labels and links */
.st-type-tester a:hover,
.st-font-tester a:hover,
.st-tester a:hover {
  color: #f2583a !important;
}

/* Tester select */
.st-type-tester select,
.st-font-tester select,
.st-tester select {
  border-color: #DDD9D2 !important;
  border-radius: 9px !important;
  background: #FFFFFF !important;
}

.st-type-tester select:focus,
.st-font-tester select:focus,
.st-tester select:focus {
  border-color: #f2583a !important;
  outline-color: #f2583a !important;
}

/* Range controls */
.st-type-tester input[type="range"]::-webkit-slider-thumb,
.st-font-tester input[type="range"]::-webkit-slider-thumb {
  background: #f2583a;
}

.st-type-tester input[type="range"]::-moz-range-thumb,
.st-font-tester input[type="range"]::-moz-range-thumb {
  background: #f2583a;
}

/* Mobile tester spacing */
@media (max-width: 800px) {
  .st-type-tester,
  .st-font-tester,
  .st-tester {
    border-radius: 14px !important;
  }

  .st-type-tester .st-preview,
  .st-font-tester .st-preview,
  .st-tester-preview {
    border-radius: 11px !important;
  }

  .st-type-tester .st-glyphs,
  .st-font-tester .st-glyphs,
  .st-glyph-box,
  .st-glyph-panel {
    padding: 20px 16px !important;
  }
}


/* Salamahtype v2.6.8 accent override */
:root {
  --salamahtype-accent: #f2583a;
}

/* Header / footer */
.site-header a:hover,
.site-footer a:hover,
.main-navigation a:hover,
.nav-menu a:hover {
  color: #f2583a !important;
}

.site-branding a,
.site-title a,
.custom-logo-link + a {
  color: #f2583a !important;
  font-weight: 700 !important;
}
.site-branding a:hover,
.site-title a:hover,
.custom-logo-link + a:hover {
  color: #333333 !important;
}

/* Type tester controls */
.font-tester button:hover,
.font-tester select:focus,
.font-tester input:focus,
.type-tester button:hover,
.type-tester select:focus,
.type-tester input:focus,
[class*="tester"] button:hover,
[class*="tester"] select:focus,
[class*="tester"] input:focus {
  color: #f2583a !important;
  border-color: #f2583a !important;
  outline-color: #f2583a !important;
}

.font-tester .active,
.font-tester .selected,
.type-tester .active,
.type-tester .selected,
[class*="tester"] .active,
[class*="tester"] .selected {
  color: #f2583a !important;
  border-color: #f2583a !important;
}

/* Pangram / glyph tester links and controls */
.font-tester a:hover,
.type-tester a:hover,
[class*="tester"] a:hover,
.glyphs-toggle:hover,
.pangram-button:hover {
  color: #f2583a !important;
}

/* WooCommerce license selector */
.woocommerce .license-option:hover,
.woocommerce .license-option input:checked + label,
.woocommerce .license-option.selected,
.woocommerce [class*="license"] label:hover,
.woocommerce [class*="license"] .selected {
  color: #f2583a !important;
  border-color: #f2583a !important;
}

.woocommerce [class*="license"] input[type="radio"]:checked + label::before,
.woocommerce [class*="license"] input[type="radio"]:checked {
  accent-color: #f2583a !important;
}

.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover {
  background-color: #f2583a !important;
  border-color: #f2583a !important;
  color: #fff !important;
}


/* Salamahtype v2.6.11 — Header & Footer */
:root {
  --salamahtype-accent: #f2583a;
}

/* Header logo */
header .site-title a,
header .site-branding a,
.site-header .site-title a,
.site-header .site-branding a {
  color: #f2583a !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

header .site-title a:hover,
header .site-branding a:hover,
.site-header .site-title a:hover,
.site-header .site-branding a:hover {
  color: #333333 !important;
}

/* Header navigation */
.site-header nav a,
.site-header .menu a,
.site-header .main-navigation a,
header nav a,
header .menu a {
  color: #333333 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: color .2s ease;
}

.site-header nav a:hover,
.site-header .menu a:hover,
.site-header .main-navigation a:hover,
header nav a:hover,
header .menu a:hover {
  color: #f2583a !important;
}

/* Header icons */
.site-header svg,
.site-header .icon,
.site-header button,
.site-header a[aria-label],
header svg,
header .icon {
  transition: color .2s ease, fill .2s ease, stroke .2s ease;
}

.site-header a:hover svg,
.site-header button:hover svg,
.site-header a[aria-label]:hover svg,
header a:hover svg {
  color: #f2583a !important;
  fill: #f2583a !important;
  stroke: #f2583a !important;
}

/* Footer */
.site-footer a,
footer a,
.site-footer .menu a,
footer .menu a {
  color: #333333 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  transition: color .2s ease;
}

.site-footer a:hover,
footer a:hover,
.site-footer .menu a:hover,
footer .menu a:hover {
  color: #f2583a !important;
}

/* Footer headings / brand */
.site-footer .site-title,
.site-footer .site-branding a,
footer .site-title,
footer .site-branding a {
  color: #f2583a !important;
  font-weight: 700 !important;
}

/* Mobile header/footer */
@media (max-width: 768px) {
  .site-header nav a,
  .site-header .menu a,
  header nav a,
  header .menu a {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .site-header .site-title a,
  .site-header .site-branding a,
  header .site-title a {
    font-size: 20px !important;
  }

  .site-header svg,
  .site-header .icon {
    width: 21px !important;
    height: 21px !important;
  }

  .site-footer a,
  footer a {
    font-size: 14px !important;
  }
}


/* =========================================================
   Salamahtype v2.6.11 — final color pass
   Requested accent: #f2583a
========================================================= */

:root {
    --st-retro-orange: #f2583a !important;
    --st-retro-coral: #f2583a !important;
    --salamahtype-accent: #f2583a !important;
}

/* ---------- Header logo ---------- */
.st-header .st-logo,
.st-header .st-logo:link,
.st-header .st-logo:visited,
header.st-header .st-logo {
    color: #333333 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.st-header .st-logo:hover,
.st-header .st-logo:focus,
.st-header .st-logo:active {
    color: #f2583a !important;
}

/* ---------- Primary header menu ---------- */
.st-header .st-menu > li > a,
.st-header .st-menu > li > a:link,
.st-header .st-menu > li > a:visited {
    color: #333333 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    transition: color .2s ease !important;
}

.st-header .st-menu > li:hover > a,
.st-header .st-menu > li:focus-within > a,
.st-header .st-menu > li > a:hover,
.st-header .st-menu > li > a:focus {
    color: #f2583a !important;
    opacity: 1 !important;
}

.st-header .st-menu > li > a::after {
    background-color: transparent !important;
    transition: background-color .2s ease !important;
}

.st-header .st-menu > li:hover > a::after,
.st-header .st-menu > li > a:hover::after,
.st-header .st-menu > li > a:focus::after {
    background-color: #f2583a !important;
}

/* ---------- Header icons ---------- */
.st-header .st-header-icon {
    color: #333333 !important;
    transition: color .2s ease, opacity .2s ease !important;
}

.st-header .st-header-icon:hover,
.st-header .st-header-icon:focus {
    color: #f2583a !important;
}

.st-header .st-header-icon svg,
.st-header .st-header-icon svg * {
    stroke: currentColor !important;
    transition: stroke .2s ease, fill .2s ease !important;
}

/* Cart badge intentionally stays dark for contrast. */
.st-header .st-cart-count {
    background: #333333 !important;
    color: #ffffff !important;
}

/* ---------- Footer ---------- */
.st-footer .st-footer-col a,
.st-footer .st-footer-col a:link,
.st-footer .st-footer-col a:visited {
    color: #333333 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    transition: color .2s ease !important;
}

.st-footer .st-footer-col a:hover,
.st-footer .st-footer-col a:focus {
    color: #f2583a !important;
}

.st-footer .st-footer-brand {
    color: #333333 !important;
    font-weight: 700 !important;
    transition: color .2s ease !important;
}

.st-footer .st-footer-brand:hover,
.st-footer .st-footer-brand:focus {
    color: #f2583a !important;
}

/* Footer social/menu links that may not be inside .st-footer-col */
.st-footer a:hover,
.st-footer a:focus {
    color: #f2583a !important;
}

/* ---------- Tester ---------- */
.st-type-tester button:hover,
.st-type-tester a:hover,
.st-font-tester button:hover,
.st-font-tester a:hover,
.st-tester button:hover,
.st-tester a:hover {
    color: #f2583a !important;
    border-color: #f2583a !important;
}

.st-type-tester button.is-active,
.st-type-tester button.active,
.st-type-tester button.selected,
.st-font-tester button.is-active,
.st-font-tester button.active,
.st-font-tester button.selected,
.st-tester button.is-active,
.st-tester button.active,
.st-tester button.selected {
    background-color: #f2583a !important;
    border-color: #f2583a !important;
    color: #ffffff !important;
}

/* Case buttons keep the literal forms AA / Aa / aa. */
.st-type-tester .st-case-controls button,
.st-font-tester .st-case-controls button,
.st-tester .st-case-controls button {
    text-transform: none !important;
}

/* ---------- License ---------- */
.st-license-option:hover,
.st-license-option:focus-within,
.st-license-option.is-selected,
.st-license-option.selected,
.st-license-option input:checked + label,
.st-license-option label:hover {
    color: #f2583a !important;
    border-color: #f2583a !important;
}

.st-license-option input[type="radio"]:checked,
.st-license-option input[type="radio"]:checked + label::before {
    accent-color: #f2583a !important;
}

.st-license-box .st-button:hover,
.st-buy .st-button:hover,
.woocommerce .single_add_to_cart_button:hover {
    background-color: #f2583a !important;
    border-color: #f2583a !important;
    color: #ffffff !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 800px) {
    .st-header .st-logo {
        color: #333333 !important;
        font-weight: 700 !important;
    }

    .st-header .st-logo:hover,
    .st-header .st-logo:focus {
        color: #f2583a !important;
    }

    .st-header .st-menu > li > a {
        color: #333333 !important;
        font-weight: 400 !important;
    }

    .st-header .st-menu > li > a:hover,
    .st-header .st-menu > li > a:focus {
        color: #f2583a !important;
    }

    .st-header .st-header-icon {
        color: #333333 !important;
    }

    .st-header .st-header-icon:hover,
    .st-header .st-header-icon:focus {
        color: #f2583a !important;
    }

    .st-footer .st-footer-col a,
    .st-footer a {
        color: #333333 !important;
        font-weight: 400 !important;
    }

    .st-footer .st-footer-col a:hover,
    .st-footer a:hover {
        color: #f2583a !important;
    }
}