/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1779055733
Updated: 2026-05-17 22:08:53

*/
/* ── Light mode (default) ── */
:root {
  --color-bg: #d5d5d5;
  --color-text: #3b3b3b;
  --color-text-two: #525252;
  --color-surface: #f5f5f5;
  --color-border: #e0e0e0;
  --color-muted: #6b7280;
  --color-accent: #ad3d10;
  --color-accent-dim: #7a2e10;
  --color-radius: 14px;
  --color-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Dark mode ── */
:root[data-theme="dark"] {
  --color-bg: #0a0c0f;
  --color-text: #8d8d8d;
  --color-text-two: #969696;
  --color-surface: #13161b;
  --color-border: #1e2330;
  --color-muted: #6b7280;
}

/* ── Apply to body ── */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

/* ══════════════════════════════════════════════
   GLOBAL OVERRIDES
══════════════════════════════════════════════ */

/* Remove TT25 default padding */
.wp-block-group.alignfull,
#wp--skip-link--target {
  padding: 0 !important;
  margin: 0 !important;
}

/* Links */
a {
  color: var(--color-accent);
  transition: opacity var(--color-transition);
}

a:hover {
  opacity: 0.8;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  transition: color 0.3s ease;
  font-weight: 100;
}

/* ══════════════════════════════════════════════
   DARK / LIGHT TOGGLE BUTTON
══════════════════════════════════════════════ */

.theme-toggle {
  background: none;
  padding: 0.4rem 0.9rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--color-text);
  transition:
    border-color var(--color-transition),
    color var(--color-transition),
    background var(--color-transition);
  white-space: nowrap;
  background: transparent;
  border: 0;
}

.theme-toggle:hover,
.theme-toggle:visited,
.theme-toggle:focus {
  border: 0;
  background-color: transparent;
  color: transparent;
}

.theme-toggle:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

/* Icon visibility logic */
.theme-toggle .icon-moon {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.theme-toggle .icon-sun {
  display: none;
  align-items: center;
  gap: 0.35rem;
}

:root[data-theme="dark"] .theme-toggle .icon-moon {
  display: none;
}

:root[data-theme="dark"] .theme-toggle .icon-sun {
  display: inline-flex;
}

/* ══════════════════════════════════════════════
   SURFACE & CARD OVERRIDES
══════════════════════════════════════════════ */

.wp-block-group,
.wp-block-cover,
.wp-block-post {
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

main#wp--skip-link--target {
    overflow: hidden;
}

/*header*/
.main-logo img {
  width: 90px;
  padding: 0 0 0 15px;
}

header {
  background: var(--color-bg);
  max-width: 100%;
}

.main-logo img {
  width: 55px;
  padding: 0 0 0 15px;
}

.special-h1 {
    font-size: 24vw;
    color: #413f3f;
    font-weight: 800;
    line-height: .8;
    margin: 0 0 0 -38px;
    padding: 0;
}

.special-h2 {
  font-size: 2.5rem;
  color: var(--color-text-two);
  margin: 30px 0 0 0;
  font-family: var(--wp--preset--font-family--beiruti);
}

.theme-toggle .icon-label {
  display: none;
}

#icon-light-guard,
#icon-dark-guard {
  width: 25px;
}

header figure {
    margin: 10px 0;
}

.logo-svg-vcasso svg {
    width: 45px;
}

div#footer-p > p {
    font-family: var(--wp--preset--font-family--beiruti);
    font-size: 1em !important;
    color:var(--color-text);
}

.footer-v {
    padding: 0 0 10px 0 !important;
}

footer a {
    font-weight: 600;
    color: #ad3d10;
    font-family: var(--wp--preset--font-family--beiruti);
}

div#footer-buttons {
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 0 25px 0;
}

#shop-button {
    color: #9f5616;
    border: 1px solid #9f5616;
}

#call-button {
    color: #258faf;
    border: 1px solid #258faf;
}

div#footer-buttons a {
    display: block;
    text-align: center;
}

:root :where(.wp-block-post-title) {
    color: #595959;
    padding: 25px;
}

p.product-tagline, span.price-note {
    font-size: 1.2rem;
}

h2.product-name {
    color: #fff;
    font-size: 1.6rem;
}

ul.product-features li {
  font-family: var(--wp--preset--font-family--beiruti);
}

@media (min-width: 768px) {

  #icon-light-guard,
  #icon-dark-guard {
    width: 35px;
  }

  /*banner*/
  .wp-block-cover {
    aspect-ratio: unset !important;
  }

  .special-h1 {
    font-size: 20vw;
    margin-left: -125px;
  }

  .special-h2 {
    margin: 0;
    font-size: 4rem;
  }

  #SVG_Main_Logo {
    width: 55px;
  }

  .main-logo img {
    width: 75px;
}
}

/* ══════════════════════════════════════════
       PRODUCTS GRID
    ══════════════════════════════════════════ */
    .products {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1px;
      background: var(--border);
      border-top: 1px solid var(--border);
      max-width: 1200px;
      margin: 0 auto;
    }
 
    /* ══════════════════════════════════════════
       PRODUCT CARD
    ══════════════════════════════════════════ */
    .product {
      background: var(--surface);
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
    }
 
    /* Subtle colored top accent bar */
    .product::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: var(--product-accent, var(--border));
      opacity: 0.6;
    }
 
    .product--light { --product-accent: #d4cfc8; }
    .product--dark  { --product-accent: var(--accent); }
 
    /* ── Visual / Image Area ── */
    .product-visual {
      position: relative;
      aspect-ratio: 4 / 3;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
 
    .product--light .product-visual { background: #f4f0ea; }
    .product--dark  .product-visual { background: #0d0f14; }

 
    /* ── PayPal Buy Button ── */
    .paypal-form { display: flex; }
 
    .btn-buy {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      background: var(--accent);
      border: 2px solid #b59757;
      color: #b59757;
      border-radius: 999px;
      padding: 0.85rem 1.75rem;
      font-size: 0.9rem;
      font-weight: 500;
      cursor: pointer;
      transition: opacity 0.2s var(--ease), transform 0.2s var(--ease);
      white-space: nowrap;
      letter-spacing: 0.01em;
      margin: 25px 0 15px 0;
    }
 
    .btn-buy:hover {
      opacity: 0.88;
      transform: translateY(-1px);
    }
 
    .btn-buy:active {
      transform: translateY(0);
      opacity: 1;
    }
 
    .btn-buy:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 3px;
    }
 
    .btn-icon {
      width: 15px;
      height: 15px;
      flex-shrink: 0;
    }
 
    /* PayPal trust badge */
    .paypal-trust {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      font-size: 0.68rem;
      color: var(--muted);
      margin-top: 0.75rem;
          justify-content: center;
    }
 
    .paypal-trust svg { opacity: 0.5; }
 
    /* ══════════════════════════════════════════
       GUARANTEE STRIP
    ══════════════════════════════════════════ */
    .guarantee {
      border-top: 1px solid var(--border);
      padding: 2.5rem 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 3rem;
      flex-wrap: wrap;
      max-width: 1200px;
      margin: 0 auto;
    }
 
    .guarantee-item {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      font-size: 0.8rem;
      color: var(--muted);
    }
 
    .guarantee-item svg {
      color: var(--accent);
      flex-shrink: 0;
    }
 
    /* ══════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════ */
    @media (max-width: 760px) {
      .products {
        grid-template-columns: 1fr;
      }
 
      .product-info {
        padding: 1.5rem 1.5rem 2rem;
      }
 
      .page-header {
        padding: 3.5rem 1.25rem 3rem;
      }
 
      .guarantee {
        gap: 1.5rem;
        padding: 2rem 1.5rem;
      }
 
      .product-buy {
        flex-direction: column;
        align-items: flex-start;
      }
 
      .btn-buy { width: 100%; justify-content: center; }
    }
 
    @media (prefers-reduced-motion: reduce) {
      .guard-shape, .btn-buy { transition: none; }
    }