/*

 Theme Name:   Woodmart Child

 Description:  Woodmart Child Theme for PARMIS Furniture (مبلمان پارمیس)

 Author:       XTemos & PARMIS Brand Identity Design

 Author URI:   https://parmis-home.ir

 Template:     woodmart

 Version:      1.1.2

 Text Domain:  woodmart

*/



/* ==========================================================================

   PARMIS FURNITURE (مبلمان پارمیس) — IRANIAN LUXURY COLOR SYSTEM & DESIGN TOKENS

   Historical Palette: Imperial Lajvard & Warm Ivory with Tazhib Saffron Gold

   WCAG 2.2 AA / AAA Compliant

   ========================================================================== */



:root {

  /* Primitive Brand Colors */

  --parmis-lajvard-deep: #12263F;       /* Imperial Lapis Lazuli Deep Palatial Night */

  --parmis-lajvard-primary: #16325C;    /* Safavid Masjed-e Shah Haft-Rangi Royal Lapis */

  --parmis-lajvard-light: #20457A;      /* Bright Glazed Cobalt Accent */

  

  --parmis-zafarani-gold: #C5A059;      /* Khorasan Saffron Gold & Tazhib Leaf */

  --parmis-zafarani-hover: #AF8B45;     /* Deepened Gold for Hover States */

  --parmis-zafarani-light: #F7EEDB;     /* Saffron Silk Wash / Light Accent Tint */

  

  --parmis-plaster-alabaster: #FAF8F5;  /* Persian Architectural Plaster (Gach-bori) */

  --parmis-surface-ivory: #F3EFEA;      /* Warm Ivory Paper (Kaghaz-e Dowlat-Abadi) */

  --parmis-border-sand: #E5DFD5;        /* Muted Isfahan Clay Sand Divider */

  

  --parmis-charcoal-walnut: #1C212B;    /* Carved Dark Kashan Walnut (Monabat Wood) */

  --parmis-slate-muted: #5A6270;        /* Mineral Gray / Secondary Metadata */

  --parmis-pure-white: #FFFFFF;



  /* Theme Core Variables (Overrides Woodmart Defaults) */

  --wd-primary-color: #16325C;

  --wd-alternative-color: #C5A059;

  --color-primary: #16325C;

  --color-secondary: #C5A059;



  /* Accented Action Buttons (Add to Cart, Checkout, Submit) */

  --btn-accented-bgcolor: #16325C;

  --btn-accented-color: #FFFFFF;

  --btn-accented-bgcolor-hover: #12263F;

  --btn-accented-color-hover: #FFFFFF;

  --btn-accented-brd-radius: 8px;



  /* Default Neutral Buttons */

  --btn-default-bgcolor: #F3EFEA;

  --btn-default-color: #1C212B;

  --btn-default-bgcolor-hover: #E8E2D8;

  --btn-default-color-hover: #12263F;

  --btn-default-brd-radius: 8px;



  /* Typography & Links */

  --wd-title-color: #1C212B;

  --wd-text-color: #2D3139;

  --wd-link-color: #16325C;

  --wd-link-color-hover: #C5A059;



  /* Badges & Special Highlights */

  --notices-success-bg: #2E7D32;

  --notices-warning-bg: #C5A059;

}



/* Base Body Styling */

body {

  background-color: var(--parmis-plaster-alabaster);

  color: var(--wd-text-color);

}



/* Site Header Styling */

.whb-general-header {

  background-color: #FFFFFF;

  border-bottom: 1px solid var(--parmis-border-sand);

}



.whb-color-dark .wd-tools-element > a:hover {

  color: var(--parmis-lajvard-primary);

}



.wd-nav > li:hover > a,

.wd-nav > li.current-menu-item > a {

  color: var(--parmis-lajvard-primary) !important;

}



/* ==========================================================================

   PRODUCT CARDS & HOVER REFINEMENT — ZERO POP-OUT, UNIFIED CARD BORDER

   ========================================================================== */



/* Outer grid containers & cells: clean, transparent, no duplicate phantom frames */

.wd-products-with-bg,

.products.wd-products,

.product-grid-item,

.wd-product {

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  border-radius: 0 !important;

}



/* The actual Card Box: .wd-product-wrapper */

.wd-product .wd-product-wrapper,

.product-grid-item .wd-product-wrapper {

  background-color: #FFFFFF !important;

  border: 1.5px solid var(--parmis-border-sand) !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  position: relative !important;

  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;

  /* Prevent wrapper from lifting out of the grid row */

  transform: none !important;

}



/* Hover state: Card border transitions to Gold with luxury shadow, staying flush in row */

.wd-product:hover .wd-product-wrapper,

.product-grid-item:hover .wd-product-wrapper,

.wd-product.wd-hover-buttons-on-hover .wd-product-wrapper:hover,

.wd-product.wd-hover-buttons-on-hover:hover .wd-product-wrapper {

  border-color: var(--parmis-zafarani-gold) !important;

  box-shadow: 0 10px 28px rgba(22, 50, 92, 0.12) !important;

  transform: none !important;

  z-index: 5 !important;

}



/* Ensure the top of the image inside the thumbnail has rounded corners matching the card */

.wd-product .wd-product-thumb {

  border-top-left-radius: 11px !important;

  border-top-right-radius: 11px !important;

  overflow: hidden !important;

}



.wd-product .wd-product-thumb img {

  border-top-left-radius: 11px !important;

  border-top-right-radius: 11px !important;

}



/* Price Display */

.price, .amount {

  color: var(--parmis-lajvard-primary) !important;

  font-weight: 700;

}



.price ins, .price ins .amount {

  color: var(--parmis-zafarani-gold) !important;

  font-weight: 800;

}



.price del, .price del .amount {

  color: var(--parmis-slate-muted) !important;

  opacity: 0.7;

}



/* Product Badges (Sale / New / Hot) */

.onsale,

.product-label.onsale {

  background-color: var(--parmis-zafarani-gold) !important;

  color: #1C212B !important;

  font-weight: 700 !important;

  border-radius: 4px !important;

}



/* Interactive Action Buttons (Excluding Search Submit Button) */

.single_add_to_cart_button,

.woocommerce-Button.button,

.wd-buy-now-btn,

.btn-color-primary,

button[type="submit"]:not(.searchsubmit) {

  background-color: var(--wd-primary-color, var(--parmis-lajvard-primary));

  color: #FFFFFF !important;

  border: none !important;

  border-radius: 8px !important;

  box-shadow: 0 4px 14px rgba(22, 50, 92, 0.25);

  transition: all 0.25s ease !important;

}



.single_add_to_cart_button:hover,

.woocommerce-Button.button:hover,

.wd-buy-now-btn:hover,

.btn-color-primary:hover,

button[type="submit"]:not(.searchsubmit):hover {

  background-color: var(--parmis-lajvard-deep);

  color: #FFFFFF !important;

  box-shadow: 0 6px 18px rgba(18, 38, 63, 0.35);

  transform: translateY(-1px);

}



/* Secondary Button Accents */

.btn-color-secondary,

.btn-style-default {

  background-color: var(--parmis-surface-ivory) !important;

  color: var(--parmis-charcoal-walnut) !important;

  border: 1px solid var(--parmis-border-sand) !important;

}



.btn-color-secondary:hover,

.btn-style-default:hover {

  background-color: #E8E2D8 !important;

  color: var(--parmis-lajvard-deep) !important;

  border-color: var(--parmis-zafarani-gold) !important;

}



/* Progress Bars & Active Indicators */

.wd-progress-bar .progress-bar {

  background-color: var(--parmis-lajvard-primary) !important;

}



/* Footer Section */

.wd-footer {

  background-color: var(--parmis-lajvard-deep) !important;

  color: #D3DFEE !important;

}



.wd-footer .widget-title {

  color: var(--parmis-zafarani-gold) !important;

  border-bottom: 2px solid rgba(197, 160, 89, 0.3);

  padding-bottom: 8px;

}



.wd-footer a {

  color: #D3DFEE;

}



.wd-footer a:hover {

  color: var(--parmis-zafarani-gold) !important;

}



/* ==========================================================================

   HEADER SEARCH BAR REFINEMENT — CIRCULAR BUTTON ON LEFT SIDE OF PILL TEXTBOX

   ========================================================================== */



/* Search Form Wrapper */

form.searchform,

.searchform.wd-style-4,

.wd-header-search-form form.searchform {

  position: relative !important;

  display: flex !important;

  align-items: center !important;

  --wd-form-height: 44px !important;

  height: 44px !important;

  border-radius: 50px !important;

  background-color: #FFFFFF !important;

}



/* Search Text Input (Pill shape, text starts from right, circular button sits on left) */

form.searchform input[type="text"].s,

.searchform.wd-style-4 input[type="text"] {

  height: 44px !important;

  line-height: 44px !important;

  border-radius: 50px !important;

  background-color: #FFFFFF !important;

  border: 1.5px solid var(--parmis-border-sand) !important;

  color: var(--parmis-charcoal-walnut) !important;

  font-family: inherit !important;

  font-size: 13.5px !important;

  /* RTL Spacing: Right side (text entry) 22px; Left side (circular button) 48px */

  padding-right: 22px !important;

  padding-left: 48px !important;

  padding-inline-start: 22px !important;

  padding-inline-end: 48px !important;

  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;

  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02) !important;

}



form.searchform input[type="text"].s:focus,

.searchform.wd-style-4 input[type="text"]:focus {

  border-color: var(--parmis-lajvard-primary) !important;

  box-shadow: 0 0 0 3px rgba(22, 50, 92, 0.12) !important;

  outline: none !important;

}



/* Search Submit Button: Circular Shape on the LEFT Side */

form.searchform .searchsubmit,

.searchform.wd-style-4 .searchsubmit,

button[type="submit"].searchsubmit {

  /* Positioning: Fixed to the LEFT side */

  position: absolute !important;

  left: 4px !important;

  right: auto !important;

  inset-inline-start: auto !important;

  inset-inline-end: 4px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  

  /* Circular Shape Matching Pill Corners */

  width: 36px !important;

  height: 36px !important;

  min-width: 36px !important;

  min-height: 36px !important;

  max-width: 36px !important;

  max-height: 36px !important;

  border-radius: 50% !important;

  

  /* Brand Palatial Lapis Theme */

  background-color: var(--parmis-lajvard-primary) !important;

  color: #FFFFFF !important;

  border: none !important;

  padding: 0 !important;

  margin: 0 !important;

  box-shadow: 0 2px 8px rgba(22, 50, 92, 0.3) !important;

  

  /* Interaction & Centering */

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  cursor: pointer !important;

  pointer-events: auto !important;

  z-index: 5 !important;

  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;

}



/* Hide raw text inside span */

form.searchform .searchsubmit span {

  display: none !important;

}



/* Magnifying Glass Icon inside the circle */

form.searchform .searchsubmit:after,

.searchform.wd-style-4 .searchsubmit:after {

  content: "\f130" !important;

  font-family: "woodmart-font" !important;

  font-size: 15px !important;

  color: #FFFFFF !important;

  line-height: 1 !important;

  display: block !important;

  transition: transform 0.2s ease !important;

}



/* Hover and Active Feedback */

form.searchform .searchsubmit:hover,

.searchform.wd-style-4 .searchsubmit:hover,

button[type="submit"].searchsubmit:hover {

  background-color: var(--parmis-lajvard-deep) !important;

  box-shadow: 0 4px 12px rgba(18, 38, 63, 0.4) !important;

  transform: translateY(-50%) scale(1.06) !important;

}



form.searchform .searchsubmit:hover:after {

  transform: scale(1.1) !important;

}



form.searchform .searchsubmit:active,

button[type="submit"].searchsubmit:active {

  transform: translateY(-50%) scale(0.96) !important;

}



/* Clear Search Button ("X") */

form.searchform .wd-clear-search {

  left: 44px !important;

  right: auto !important;

  inset-inline-start: auto !important;

  inset-inline-end: 44px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  z-index: 4 !important;

}



/* Anti-CLS and Explicit Dimensions for Navigation Icons & UI Elements */

img.wd-nav-img, .wd-nav-img { width: 18px !important; height: 18px !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; }

.info-svg-wrapper img { width: 16px !important; height: 16px !important; aspect-ratio: 1 / 1 !important; }

.wd-slide-icon-wrapper img, img[src*="slide-icon"] { width: 34px !important; height: 34px !important; aspect-ratio: 1 / 1 !important; }

img[src*="dot-list"] { width: 16px !important; height: 16px !important; aspect-ratio: 1 / 1 !important; }

img[src*="phone"] { width: 16px !important; height: 16px !important; aspect-ratio: 1 / 1 !important; }

img[alt="payments"] { width: 255px !important; height: 22px !important; aspect-ratio: 255 / 22 !important; max-width: 100% !important; }



/* ==========================================================================
   PARMIS SOCIAL ICONS & MESSENGERS (Instagram, Telegram, WhatsApp, Eitaa, Bale)
   ========================================================================== */

/* Instagram Brand Accent */
.social-instagram {
  --wd-social-brand-color: #E1306C !important;
}

/* Telegram Brand Accent */
.social-tg {
  --wd-social-brand-color: #26A5E4 !important;
}

/* WhatsApp Brand Accent */
.social-whatsapp {
  --wd-social-brand-color: #25D366 !important;
}

/* Iranian Messengers: Eitaa & Bale */
.social-eitaa {
  --wd-social-brand-color: #E06D1A !important;
}

.social-bale {
  --wd-social-brand-color: #27B08B !important;
}

.social-eitaa .wd-icon:before,
.social-bale .wd-icon:before {
  content: "" !important;
  display: none !important;
}

.social-eitaa .wd-icon,
.social-bale .wd-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
}

.social-eitaa .wd-icon svg,
.social-bale .wd-icon svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
}

/* Hover effects for all social icons matching Parmis luxury feel */
.wd-social-icons.wd-style-colored > a {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important;
}

.wd-social-icons.wd-style-colored > a:hover {
  transform: translateY(-2px) scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/* ==========================================================================
   PARMIS VIP CUSTOMER CLUB - HOMEPAGE SECTION STYLES
   ========================================================================== */
.parmis-vip-club-section {
    position: relative;
    background: #FAF8F5;
    border: 1px solid #ECE6DC;
    border-radius: 20px;
    padding: 50px 40px;
    box-shadow: 0 10px 30px rgba(22, 50, 92, 0.04);
}

.parmis-vip-club-wrapper {
    max-width: 1060px;
    margin: 0 auto;
    direction: rtl;
    text-align: right;
}

.parmis-vip-club-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3 Benefits Cards */
.parmis-vip-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 35px;
}

.vip-benefit-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #ffffff;
    border: 1px solid #EAE3D7;
    border-radius: 14px;
    padding: 18px 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.02);
}

.vip-benefit-card:hover {
    border-color: #C5A059;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(197, 160, 89, 0.15);
}

.vip-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #FAF8F5;
    border-radius: 12px;
    font-size: 24px;
    flex-shrink: 0;
    border: 1px solid #ECE6DC;
}

.vip-benefit-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.vip-benefit-info strong {
    font-size: 15px;
    font-weight: 700;
    color: #16325C;
    display: block;
}

.vip-benefit-info span {
    font-size: 13px;
    color: #6E7781;
    line-height: 1.45;
    display: block;
}

/* Form Container & Grid */
.parmis-vip-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 24px;
    background: #ffffff;
    border: 1px solid #EAE3D7;
    border-radius: 16px;
    padding: 35px 30px;
    box-shadow: 0 6px 20px rgba(22, 50, 92, 0.03);
}

.vip-field-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vip-field-group label {
    font-size: 14px;
    font-weight: 600;
    color: #16325C;
    margin-bottom: 2px;
    display: block;
}

.vip-field-group label .required {
    color: #E53935;
    margin-right: 2px;
}

.vip-field-group .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.vip-field-group input.parmis-club-input {
    width: 100%;
    height: 50px;
    background: #FAFAFA !important;
    border: 1px solid #DCD5C9 !important;
    border-radius: 10px !important;
    padding: 0 16px !important;
    font-size: 14.5px !important;
    color: #16325C !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.vip-field-group input.parmis-club-input::placeholder {
    color: #9CA3AF !important;
    font-size: 13.5px !important;
}

.vip-field-group input.parmis-club-input:focus {
    background: #ffffff !important;
    border-color: #C5A059 !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.18) !important;
    outline: none !important;
}

.vip-submit-group {
    grid-column: 1 / -1;
    text-align: center;
    margin-top: 10px;
}

.vip-submit-group input.wpcf7-submit {
    display: inline-block;
    min-width: 300px;
    height: 52px;
    padding: 0 40px;
    background: #16325C !important;
    border: 2px solid #C5A059 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 35px !important;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 6px 18px rgba(22, 50, 92, 0.22) !important;
}

.vip-submit-group input.wpcf7-submit:hover {
    background: #C5A059 !important;
    border-color: #C5A059 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(197, 160, 89, 0.4) !important;
}

/* CF7 Output banners */
.wpcf7 form.sent .wpcf7-response-output {
    background: #F0FDF4 !important;
    border: 1px solid #86EFAC !important;
    color: #166534 !important;
    border-radius: 10px !important;
    padding: 16px 24px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-top: 22px !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: #FEF2F2 !important;
    border: 1px solid #FCA5A5 !important;
    color: #991B1B !important;
    border-radius: 10px !important;
    padding: 16px 24px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-top: 22px !important;
}

.wpcf7-not-valid-tip {
    font-size: 12.5px !important;
    color: #DC2626 !important;
    margin-top: 6px !important;
    display: block !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .parmis-vip-benefits {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .parmis-vip-club-section {
        padding: 40px 25px;
    }
}

@media (max-width: 767px) {
    .parmis-vip-club-section {
        padding: 30px 18px;
        border-radius: 14px;
    }
    .parmis-vip-form-grid {
        grid-template-columns: 1fr;
        padding: 22px 16px;
        gap: 16px;
    }
    .vip-submit-group input.wpcf7-submit {
        width: 100%;
        min-width: 0;
    }
}

/* ==========================================================================
   PARMIS ARTICLE CARDS - CHECKLIST & INSTALLMENT PLAN STYLING
   ========================================================================== */
.parmis-article-checklist-card {
    background: #FAF8F5;
    border: 1px solid #EAE3D7;
    border-radius: 16px;
    padding: 28px 24px;
    margin: 30px 0;
    box-shadow: 0 4px 16px rgba(22, 50, 92, 0.03);
    direction: rtl;
    text-align: right;
}

.parmis-article-checklist-card .checklist-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ECE5D9;
}

.parmis-article-checklist-card .checklist-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #ffffff;
    border: 1px solid #E2D9CC;
    border-radius: 12px;
    font-size: 22px;
    flex-shrink: 0;
}

.parmis-article-checklist-card .checklist-header-text strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #16325C;
    margin-bottom: 3px;
}

.parmis-article-checklist-card .checklist-header-text span {
    font-size: 13px;
    color: #6E7781;
}

.checklist-items-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #EDE7DC;
    border-radius: 12px;
    padding: 16px 18px;
    transition: all 0.25s ease;
}

.checklist-item:hover {
    border-color: #C5A059;
    box-shadow: 0 4px 14px rgba(197, 160, 89, 0.12);
}

.checklist-item .item-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    background: #16325C;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    border-radius: 50%;
    margin-top: 2px;
}

.checklist-item .item-text strong {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: #16325C;
    margin-bottom: 4px;
}

.checklist-item .item-text p {
    font-size: 13.5px;
    line-height: 1.6;
    color: #4B5563;
    margin: 0 !important;
}

/* Installment Plan Card */
.parmis-article-plan-card {
    background: linear-gradient(135deg, #FAF8F5 0%, #F5EFE6 100%);
    border: 1px solid #DFCDB8;
    border-radius: 18px;
    padding: 32px 26px;
    margin: 35px 0;
    box-shadow: 0 6px 22px rgba(22, 50, 92, 0.05);
    direction: rtl;
    text-align: right;
}

.parmis-article-plan-card .plan-header {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E6D8C5;
}

.parmis-article-plan-card .plan-badge {
    display: inline-block;
    background: #C5A059;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.parmis-article-plan-card .plan-title {
    font-size: 20px;
    font-weight: 800;
    color: #16325C;
    margin: 0 0 6px 0;
}

.parmis-article-plan-card .plan-subtitle {
    font-size: 13.5px;
    color: #6E7781;
    margin: 0;
}

.plan-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.plan-feature {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #EDE6DB;
    border-radius: 12px;
    padding: 16px 18px;
    transition: all 0.25s ease;
}

.plan-feature:hover {
    border-color: #C5A059;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(197, 160, 89, 0.12);
}

.plan-feature .plan-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    min-width: 26px;
    background: #C5A059;
    color: #ffffff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    margin-top: 2px;
}

.plan-feature .plan-text strong {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: #16325C;
    margin-bottom: 4px;
}

.plan-feature .plan-text p {
    font-size: 13.5px;
    line-height: 1.6;
    color: #4B5563;
    margin: 0 !important;
}

.parmis-article-plan-card .plan-footer {
    margin-top: 22px;
    padding: 14px 18px;
    background: #16325C;
    color: #ffffff;
    border-radius: 10px;
    font-size: 13.5px;
    text-align: center;
}

.parmis-article-plan-card .plan-footer strong {
    color: #C5A059;
    letter-spacing: 1px;
}

/* Mobile responsive optimizations */
@media (max-width: 767px) {
    .parmis-article-checklist-card,
    .parmis-article-plan-card {
        padding: 20px 14px;
        margin: 22px 0;
        border-radius: 14px;
    }
    .checklist-item,
    .plan-feature {
        padding: 12px 14px;
        gap: 10px;
    }
    .parmis-article-checklist-card .checklist-header-text strong {
        font-size: 14.5px;
    }
    .parmis-article-plan-card .plan-title {
        font-size: 17px;
    }
    .checklist-item .item-text strong,
    .plan-feature .plan-text strong {
        font-size: 13.5px;
    }
    .checklist-item .item-text p,
    .plan-feature .plan-text p {
        font-size: 12.5px;
        line-height: 1.55;
    }
    .parmis-article-plan-card .plan-footer {
        font-size: 12.5px;
        padding: 12px 14px;
    }
}


/* ==========================================================================
   Persian / Jalali Date & Metadata RTL Directionality Fix
   ========================================================================== */
.wd-post-date,
.wd-post-date time,
.wd-post-date time.published,
.wd-modified-date,
.wd-modified-date time,
.wd-meta-author,
.entry-meta .meta-post-date,
.wp-block-archives-list li,
.widget_archive li {
    unicode-bidi: isolate;
    direction: rtl;
    text-align: right;
}

.wd-post-date time.published {
    display: inline-block;
    direction: rtl;
    unicode-bidi: isolate;
}

/* Footer Copyrights Brand Link */
.wd-copyrights a {
    color: #C5A059;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.25s ease;
}

.wd-copyrights a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


/* ==========================================================================
   PARMIS PRODUCT AUTHENTICITY & WARRANTY VERIFICATION SYSTEM (/verify/)
   ========================================================================== */

.parmis-verify-wrapper {
    max-width: 900px;
    margin: 40px auto 70px auto;
    padding: 0 15px;
    direction: rtl;
    text-align: right;
}

.parmis-verify-header {
    text-align: center;
    margin-bottom: 35px;
}

.verify-icon-seal {
    width: 74px;
    height: 74px;
    margin: 0 auto 16px auto;
    background: linear-gradient(135deg, #16325C 0%, #12263F 100%);
    color: #C5A059;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(22, 50, 92, 0.22);
    border: 2.5px solid #C5A059;
}

.verify-icon-seal svg {
    width: 36px;
    height: 36px;
}

.verify-badge-tag {
    display: inline-block;
    background: rgba(197, 160, 89, 0.12);
    color: #8F6B20;
    border: 1px solid rgba(197, 160, 89, 0.35);
    font-size: 13px;
    font-weight: 700;
    padding: 4px 18px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.verify-title {
    font-size: 28px;
    font-weight: 800;
    color: #16325C;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.verify-subtitle {
    font-size: 15px;
    color: #5A6270;
    max-width: 680px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Card Container */
.parmis-verify-card {
    background: #FFFFFF;
    border: 1.5px solid #E5DFD5;
    border-radius: 20px;
    box-shadow: 0 10px 35px rgba(22, 50, 92, 0.06);
    padding: 34px 36px;
    margin-bottom: 35px;
    position: relative;
    overflow: hidden;
}

/* Search Form */
.search-card .form-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #16325C;
    margin-bottom: 12px;
}

.input-with-button {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.input-icon-wrap {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-svg-icon {
    position: absolute;
    right: 18px;
    width: 22px;
    height: 22px;
    color: #8F97A3;
    pointer-events: none;
}

#prm-serial-input {
    width: 100%;
    height: 56px;
    padding: 0 52px 0 18px;
    border: 1.5px solid #D8D2C6;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #16325C;
    background: #FAF8F5;
    transition: all 0.25s ease;
}

#prm-serial-input:focus {
    border-color: #C5A059;
    background: #FFFFFF;
    outline: none;
    box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.15);
}

.verify-submit-btn {
    background: linear-gradient(135deg, #16325C 0%, #12263F 100%);
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 0 28px;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
    box-shadow: 0 4px 15px rgba(22, 50, 92, 0.2);
}

.verify-submit-btn:hover {
    background: linear-gradient(135deg, #C5A059 0%, #AF8B45 100%);
    color: #FFFFFF;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.3);
}

.verify-submit-btn svg {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}

.verify-submit-btn:hover svg {
    transform: translateX(-3px);
}

/* Quick samples */
.verify-quick-samples {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px dashed #E5DFD5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.samples-label {
    font-size: 13px;
    color: #6E7781;
}

.samples-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.sample-chip {
    background: #F3EFEA;
    border: 1px solid #DFCDB8;
    color: #16325C;
    font-size: 13px;
    font-family: monospace;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sample-chip:hover {
    background: #16325C;
    color: #FFFFFF;
    border-color: #16325C;
    transform: translateY(-1px);
}

/* Success Result Certificate */
.result-card.success-result {
    border: 2px solid #C5A059;
    background: linear-gradient(180deg, #FFFFFF 0%, #FAF8F5 100%);
    box-shadow: 0 12px 40px rgba(197, 160, 89, 0.14);
}

.certificate-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1.5px solid #EAE3D7;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}

.status-indicator {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(46, 125, 50, 0.08);
    border: 1px solid rgba(46, 125, 50, 0.25);
    padding: 6px 16px;
    border-radius: 30px;
}

.status-pulse-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2E7D32;
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.25);
    animation: prmPulse 2s infinite;
}

@keyframes prmPulse {
    0% { box-shadow: 0 0 0 0 rgba(46, 125, 50, 0.5); }
    70% { box-shadow: 0 0 0 8px rgba(46, 125, 50, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 125, 50, 0); }
}

.status-text {
    font-size: 14px;
    font-weight: 700;
    color: #1B5E20;
}

.certificate-brand-stamp {
    font-family: monospace;
    font-size: 11.5px;
    font-weight: 800;
    color: #8F6B20;
    letter-spacing: 1.5px;
    border: 1.5px dashed #C5A059;
    padding: 4px 12px;
    border-radius: 6px;
    background: rgba(197, 160, 89, 0.06);
}

.product-title-display {
    font-size: 24px;
    font-weight: 800;
    color: #16325C;
    margin: 0 0 10px 0;
}

.cert-meta-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.cert-serial-pill {
    background: #16325C;
    color: #FFFFFF;
    padding: 5px 14px;
    border-radius: 8px;
    font-size: 13.5px;
}

.cert-serial-pill strong {
    font-family: monospace;
    letter-spacing: 1px;
    color: #C5A059;
}

.cert-status-badge {
    background: #C5A059;
    color: #FFFFFF;
    padding: 5px 14px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 600;
}

/* Grid of Specs */
.certificate-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 25px;
}

.cert-section-box {
    background: #FFFFFF;
    border: 1px solid #EBE5DB;
    border-radius: 14px;
    padding: 22px 20px;
    box-shadow: 0 4px 14px rgba(22, 50, 92, 0.03);
}

.section-box-title {
    font-size: 15.5px;
    font-weight: 800;
    color: #16325C;
    margin: 0 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #F0EAE1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-box-title svg {
    width: 19px;
    height: 19px;
    color: #C5A059;
}

.cert-info-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cert-info-list li {
    display: flex;
    flex-direction: column;
    gap: 3px;
    border-bottom: 1px dashed #F5F1EB;
    padding-bottom: 8px;
}

.cert-info-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.cert-info-list .label {
    font-size: 12.5px;
    color: #6E7781;
}

.cert-info-list .value {
    font-size: 14px;
    color: #24292F;
    font-weight: 600;
    line-height: 1.55;
}

.cert-info-list .value.highlight {
    color: #16325C;
    font-size: 15.5px;
    font-weight: 800;
}

.cert-info-list .value.mono {
    font-family: monospace;
    color: #C5A059;
    letter-spacing: 0.8px;
    font-weight: 700;
}

/* Warranty Banner */
.certificate-warranty-banner {
    background: linear-gradient(135deg, #16325C 0%, #12263F 100%);
    color: #FFFFFF;
    border-radius: 14px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
    border-right: 5px solid #C5A059;
}

.warranty-badge-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: rgba(197, 160, 89, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C5A059;
}

.warranty-badge-icon svg {
    width: 22px;
    height: 22px;
}

.warranty-banner-text strong {
    display: block;
    font-size: 14.5px;
    color: #C5A059;
    margin-bottom: 4px;
}

.warranty-banner-text p {
    margin: 0 !important;
    font-size: 13.5px;
    line-height: 1.6;
    color: #E5DFD5;
}

/* Certificate Actions */
.certificate-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

.cert-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    transition: all 0.25s ease;
    border: none;
}

.cert-action-btn svg {
    width: 17px;
    height: 17px;
}

.cert-action-btn.primary {
    background: #16325C;
    color: #FFFFFF !important;
}

.cert-action-btn.primary:hover {
    background: #C5A059;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(197, 160, 89, 0.25);
}

.cert-action-btn.secondary {
    background: #F3EFEA;
    color: #16325C !important;
    border: 1px solid #DFCDB8;
}

.cert-action-btn.secondary:hover {
    background: #EAE3D7;
}

.cert-action-btn.outline {
    background: transparent;
    color: #16325C !important;
    border: 1.5px solid #16325C;
}

.cert-action-btn.outline:hover {
    background: #16325C;
    color: #FFFFFF !important;
}

/* Not Found Card */
.result-card.not-found-result {
    border: 2px solid #D32F2F;
    background: #FFFDFD;
    text-align: center;
    padding: 45px 30px;
    box-shadow: 0 8px 30px rgba(211, 47, 47, 0.08);
}

.not-found-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px auto;
    background: rgba(211, 47, 47, 0.1);
    color: #D32F2F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.not-found-icon svg {
    width: 32px;
    height: 32px;
}

.not-found-title {
    font-size: 22px;
    font-weight: 800;
    color: #D32F2F;
    margin: 0 0 12px 0;
}

.not-found-desc {
    font-size: 15px;
    color: #4B5563;
    max-width: 620px;
    margin: 0 auto 24px auto;
    line-height: 1.7;
}

.not-found-help-box {
    background: #FFFFFF;
    border: 1px solid #F5D7D7;
    border-radius: 12px;
    padding: 18px 24px;
    text-align: right;
    max-width: 620px;
    margin: 0 auto 28px auto;
}

.not-found-help-box strong {
    color: #16325C;
    font-size: 14px;
}

.not-found-help-box ul {
    margin: 8px 0 0 0 !important;
    padding-right: 20px !important;
    font-size: 13.5px;
    color: #6E7781;
    line-height: 1.7;
}

/* Features Grid */
.parmis-verify-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.feature-item {
    background: #FAF8F5;
    border: 1px solid #EDE6DB;
    border-radius: 16px;
    padding: 24px 20px;
    text-align: center;
    transition: all 0.25s ease;
}

.feature-item:hover {
    border-color: #C5A059;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.12);
}

.feat-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px auto;
    background: #FFFFFF;
    color: #C5A059;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(22, 50, 92, 0.06);
    border: 1px solid #EBE5DB;
}

.feat-icon svg {
    width: 22px;
    height: 22px;
}

.feature-item h4 {
    font-size: 15.5px;
    font-weight: 800;
    color: #16325C;
    margin: 0 0 6px 0;
}

.feature-item p {
    font-size: 13px;
    color: #6E7781;
    margin: 0 !important;
    line-height: 1.6;
}


/* ==========================================================================
   Responsive Mobile Adjustments (Screen Only)
   ========================================================================== */
@media screen and (max-width: 768px) {
    .input-with-button {
        flex-direction: column;
    }
    .verify-submit-btn {
        height: 52px;
        justify-content: center;
    }
    .certificate-grid {
        grid-template-columns: 1fr;
    }
    .parmis-verify-features-grid {
        grid-template-columns: 1fr;
    }
    .parmis-verify-card {
        padding: 24px 18px;
        border-radius: 16px;
    }
    .verify-title {
        font-size: 22px;
    }
    .product-title-display {
        font-size: 20px;
    }
}

.certificate-print-footer {
    display: none;
}

/* ==========================================================================
   A4 PRINT SPECIFICATION FOR PARMIS CERTIFICATE
   Guarantees 100% fit on a single A4 page without spillover
   ========================================================================== */


/* ==========================================================================
   Mobile Header Horizontal Category Navigation Bar
   ========================================================================== */
@media (max-width: 1024px) {
    .whb-header-bottom {
        display: block !important;
        height: auto !important;
        min-height: 48px !important;
        background-color: #FAF8F5 !important;
        border-bottom: 1px solid #EBE5DB !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .whb-header-bottom .container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .whb-header-bottom-inner {
        height: auto !important;
        min-height: 48px !important;
    }

    .whb-column_mobile5 {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .whb-column_mobile5 .wd-header-nav {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .whb-column_mobile5 ul.menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        gap: 10px !important;
    }

    .whb-column_mobile5 ul.menu::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .whb-column_mobile5 ul.menu > li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        list-style: none !important;
        margin: 0 !important;
    }

    .whb-column_mobile5 ul.menu > li > a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        height: 34px !important;
        padding: 0 12px !important;
        background: #FFFFFF !important;
        border: 1px solid #E5DFD5 !important;
        border-radius: 18px !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        color: #1C212B !important;
        transition: all 0.2s ease !important;
        text-decoration: none !important;
        box-shadow: 0 1px 4px rgba(22, 50, 92, 0.04) !important;
    }

    .whb-column_mobile5 ul.menu > li.current-menu-item > a,
    .whb-column_mobile5 ul.menu > li:hover > a {
        background: #16325C !important;
        color: #FFFFFF !important;
        border-color: #16325C !important;
    }

    .whb-column_mobile5 ul.menu > li.current-menu-item > a .nav-link-text,
    .whb-column_mobile5 ul.menu > li:hover > a .nav-link-text {
        color: #FFFFFF !important;
    }

    .whb-column_mobile5 ul.menu > li > a .wd-nav-img {
        width: 17px !important;
        height: 17px !important;
        object-fit: contain !important;
        margin: 0 !important;
        transition: filter 0.2s ease !important;
    }

    .whb-column_mobile5 ul.menu > li.current-menu-item > a .wd-nav-img,
    .whb-column_mobile5 ul.menu > li:hover > a .wd-nav-img {
        filter: brightness(0) invert(1) !important;
    }
}

/* Mobile Nav Drawer Enhancements */
.mobile-nav .wd-nav-mob-tab {
    margin-bottom: 12px !important;
}

.mobile-nav .wd-nav-mob-tab li a {
    font-weight: 700 !important;
    font-size: 14px !important;
}

.mobile-nav .mobile-categories-menu li a .wd-nav-img {
    width: 20px !important;
    height: 20px !important;
    margin-inline-end: 10px !important;
    vertical-align: middle !important;
}

@page {
    size: A4 portrait;
    margin: 8mm 10mm;
}

@media print {
    /* 1. Global Print Reset & Color Enforcement */
    html, body {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
        font-size: 10pt !important;
        direction: rtl !important;
    }

    /* 2. Hide everything except the certificate */
    body * {
        visibility: hidden !important;
    }

    .parmis-verify-wrapper,
    #parmis-certificate,
    #parmis-certificate * {
        visibility: visible !important;
    }

    header,
    footer,
    .whb-header,
    .wd-header,
    .wd-toolbar,
    .whb-main-header,
    #wpadminbar,
    .search-card,
    .parmis-verify-header,
    .parmis-verify-features-grid,
    .certificate-actions,
    .scrollToTop,
    .wd-close-side,
    .wd-prefooter,
    .not-found-result {
        display: none !important;
    }

    /* 3. Certificate Container on Single A4 Sheet */
    .parmis-verify-wrapper {
        position: static !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #parmis-certificate {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 16px 20px !important;
        box-sizing: border-box !important;
        border: 2px solid #C5A059 !important;
        border-radius: 12px !important;
        background: #FFFFFF !important;
        box-shadow: none !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        page-break-after: avoid !important;
        break-after: avoid !important;
    }

    /* 4. Certificate Header & Seals */
    .certificate-top-bar {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-bottom: 10px !important;
        margin-bottom: 12px !important;
        border-bottom: 1.5px solid #C5A059 !important;
    }

    .status-indicator {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 3px 12px !important;
        background: rgba(46, 125, 50, 0.08) !important;
        border: 1px solid #2E7D32 !important;
        border-radius: 20px !important;
    }

    .status-pulse-dot {
        width: 7px !important;
        height: 7px !important;
        background: #2E7D32 !important;
        box-shadow: none !important;
    }

    .status-text {
        font-size: 10pt !important;
        font-weight: 700 !important;
        color: #1B5E20 !important;
    }

    .certificate-brand-stamp {
        font-family: monospace !important;
        font-size: 8.5pt !important;
        font-weight: 800 !important;
        color: #8F6B20 !important;
        letter-spacing: 1px !important;
        border: 1.5px dashed #C5A059 !important;
        padding: 2px 8px !important;
        border-radius: 5px !important;
        background: rgba(197, 160, 89, 0.06) !important;
    }

    /* 5. Product Title & Metadata Row */
    .product-title-display {
        font-size: 14pt !important;
        font-weight: 800 !important;
        color: #16325C !important;
        margin: 0 0 6px 0 !important;
        line-height: 1.3 !important;
    }

    .cert-meta-row {
        display: flex !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    .cert-serial-pill {
        background: #16325C !important;
        color: #FFFFFF !important;
        padding: 2px 10px !important;
        border-radius: 5px !important;
        font-size: 9pt !important;
    }

    .cert-serial-pill strong {
        color: #C5A059 !important;
    }

    .cert-status-badge {
        background: #C5A059 !important;
        color: #FFFFFF !important;
        padding: 2px 10px !important;
        border-radius: 5px !important;
        font-size: 9pt !important;
        font-weight: 600 !important;
    }

    /* 6. STRICT 2-COLUMN GRID (Side-by-Side in Print) */
    .certificate-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .cert-section-box {
        background: #FAF8F5 !important;
        border: 1px solid #DFCDB8 !important;
        border-radius: 8px !important;
        padding: 10px 12px !important;
        box-shadow: none !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .section-box-title {
        font-size: 10pt !important;
        font-weight: 800 !important;
        color: #16325C !important;
        margin: 0 0 8px 0 !important;
        padding-bottom: 4px !important;
        border-bottom: 1px solid #EAE3D7 !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
    }

    .section-box-title svg {
        width: 14px !important;
        height: 14px !important;
        color: #C5A059 !important;
    }

    .cert-info-list {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .cert-info-list li {
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        border-bottom: 1px dashed #EAE3D7 !important;
        padding-bottom: 4px !important;
    }

    .cert-info-list li:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .cert-info-list .label {
        font-size: 8pt !important;
        color: #6E7781 !important;
    }

    .cert-info-list .value {
        font-size: 9pt !important;
        color: #24292F !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

    .cert-info-list .value.highlight {
        color: #16325C !important;
        font-size: 9.5pt !important;
        font-weight: 800 !important;
    }

    .cert-info-list .value.mono {
        font-family: monospace !important;
        color: #C5A059 !important;
        font-weight: 700 !important;
    }

    /* 7. Bottom Warranty Banner */
    .certificate-warranty-banner {
        background: #16325C !important;
        color: #FFFFFF !important;
        border-radius: 8px !important;
        padding: 8px 14px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 0 10px 0 !important;
        border-right: 4px solid #C5A059 !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .warranty-badge-icon {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        background: rgba(197, 160, 89, 0.25) !important;
    }

    .warranty-badge-icon svg {
        width: 14px !important;
        height: 14px !important;
        color: #C5A059 !important;
    }

    .warranty-banner-text strong {
        display: block !important;
        font-size: 9.5pt !important;
        color: #C5A059 !important;
        margin-bottom: 2px !important;
    }

    .warranty-banner-text p {
        margin: 0 !important;
        font-size: 8.5pt !important;
        line-height: 1.35 !important;
        color: #E5DFD5 !important;
    }

    /* 8. Print Official Footer */
    .certificate-print-footer {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-top: 10px !important;
        padding-top: 6px !important;
        border-top: 1px dashed #DFCDB8 !important;
        font-size: 7.5pt !important;
        color: #6E7781 !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }
}


/* ==========================================================================
   VOORODAK AUTHENTICATION & LOGIN PAGE (PARMIS LUXURY IDENTITY)
   ========================================================================== */
.voorodak {
    background-color: var(--parmis-plaster-alabaster, #FAF8F5) !important;
    font-family: inherit;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
}

.voorodak__wrapper {
    max-width: 440px !important;
    width: 100% !important;
}

.voorodak-default .voorodak__wrapper-main .voorodak__wrapper-main-box {
    background: #ffffff !important;
    border: 1px solid rgba(22, 50, 92, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(18, 38, 63, 0.07), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    padding: 36px 32px !important;
}

.voorodak__wrapper-main-head {
    height: auto !important;
    min-height: unset !important;
    margin-bottom: 24px !important;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.voorodak__wrapper-main-head a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.voorodak__wrapper-main-head a:hover {
    transform: scale(1.02);
    opacity: 0.92;
}

.voorodak__wrapper-main-head a img {
    width: 210px !important;
    max-width: 90% !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.voorodak .voorodak__wrapper-main button {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    height: 52px !important;
    background-color: var(--parmis-lajvard-primary, #16325C) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(22, 50, 92, 0.22) !important;
    transition: all 0.25s ease !important;
    cursor: pointer;
}

.voorodak .voorodak__wrapper-main button:hover {
    background-color: var(--parmis-lajvard-deep, #12263F) !important;
    box-shadow: 0 6px 20px rgba(18, 38, 63, 0.32) !important;
    transform: translateY(-1px);
}

.voorodak .voorodak__wrapper-main button:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(18, 38, 63, 0.2) !important;
}

.voorodak__wrapper-main-box-title {
    color: var(--parmis-lajvard-deep, #12263F) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.02em;
    text-align: center;
}

.voorodak__wrapper-main-box-description {
    color: #64748b !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
    text-align: center;
}

.voorodak__wrapper-main-box-field input[type="text"],
.voorodak__wrapper-main-box-field input[type="password"] {
    font-family: inherit !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    border: 1.5px solid #E2E8F0 !important;
    background: #F8FAFC !important;
    transition: all 0.2s ease !important;
}

.voorodak__wrapper-main-box-field input[type="text"]:focus,
.voorodak__wrapper-main-box-field input[type="password"]:focus {
    background: #ffffff !important;
    border-color: var(--parmis-lajvard-primary, #16325C) !important;
    box-shadow: 0 0 0 3px rgba(22, 50, 92, 0.12) !important;
    outline: none !important;
}

.voorodak__wrapper-main-box-action a,
.voorodak__wrapper-main-box-timer-resend {
    color: var(--parmis-lajvard-primary, #16325C) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.voorodak__wrapper-main-box-action a:hover,
.voorodak__wrapper-main-box-timer-resend:hover {
    color: var(--parmis-zafarani-gold, #C5A059) !important;
}

.voorodak__otp-boxes input.voorodak__otp-box:focus {
    border-color: var(--parmis-lajvard-primary, #16325C) !important;
    box-shadow: 0 0 0 3px rgba(22, 50, 92, 0.12) !important;
}

.voorodak-back {
    color: var(--parmis-lajvard-primary, #16325C) !important;
    font-weight: 600 !important;
    transition: all 0.2s ease;
}

.voorodak-back:hover {
    color: var(--parmis-zafarani-gold, #C5A059) !important;
}


/* ==========================================================================
   ABOUT US PAGE (PAGE ID 31) — BALANCED 50/50 GALLERY & TEXT HARMONY
   ========================================================================== */
.page-id-31 .elementor-element-1d9df9f {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.page-id-31 .elementor-element-b4d2efe .wd-gallery-item,
.page-id-31 .elementor-element-b4d2efe .gallery-item,
.page-id-31 .elementor-element-b4d2efe img {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.page-id-31 .elementor-element-b4d2efe img {
    box-shadow: 0 10px 30px rgba(18, 38, 63, 0.08), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

.page-id-31 .elementor-element-b4d2efe .gallery-item:hover img,
.page-id-31 .elementor-element-b4d2efe img:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 40px rgba(18, 38, 63, 0.14) !important;
}

/* Ensure comfortable line-height and typography in text column */
.page-id-31 .elementor-element-4f885b4 .wd-text-block p {
    text-align: justify;
    line-height: 2 !important;
    font-size: 15px !important;
    color: #4A5568 !important;
}

.page-id-31 .elementor-element-4f885b4 .wd-text-block ul li {
    font-size: 14.5px !important;
    color: #2D3748 !important;
    margin-bottom: 8px !important;
}


/* ==========================================================================
   PARMIS HERO SLIDER TYPOGRAPHY & FONT BACKGROUND STYLES
   Provides high-contrast, elegant frosted backgrounds on fonts across all slides
   ========================================================================== */

/* Eyebrow badge */
.parmis-slide-eyebrow,
.wd-slide .parmis-slide-eyebrow {
    display: inline-block !important;
    background: rgba(18, 38, 63, 0.92) !important;
    color: #F8F5EE !important;
    padding: 5px 16px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
    margin-bottom: 8px !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Main title background on font */
.parmis-slide-title,
.wd-slide .parmis-slide-title {
    display: inline-block !important;
    background-color: rgba(255, 255, 255, 0.94) !important;
    color: #12263F !important;
    padding: 8px 24px !important;
    border-radius: 12px !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    margin-bottom: 10px !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Subtitle background on font */
.parmis-slide-subtitle,
.wd-slide .parmis-slide-subtitle {
    display: inline-block !important;
    background-color: rgba(255, 255, 255, 0.90) !important;
    color: #2D3748 !important;
    padding: 6px 20px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    margin-bottom: 16px !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .parmis-slide-title,
    .wd-slide .parmis-slide-title {
        font-size: 26px !important;
        padding: 6px 16px !important;
    }
    .parmis-slide-subtitle,
    .wd-slide .parmis-slide-subtitle {
        font-size: 14px !important;
        padding: 4px 12px !important;
    }
}

/* ==========================================================================
   Parmis Category Page Title Banner Enhancements
   ========================================================================== */
.wd-page-title .entry-title,
.wd-page-title h1.entry-title {
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(11, 27, 43, 0.70), 0 1px 4px rgba(0, 0, 0, 0.85) !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

.wd-page-title .wd-back-btn a {
    color: #ffffff !important;
    background: rgba(11, 27, 43, 0.35);
    border-radius: 50%;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* ==========================================================================
   Parmis Main Navigation Category Icons Unification (Exclude Currency Flags)
   ========================================================================== */
.whb-header-bottom .wd-nav-img,
.wd-header-main-nav .wd-nav-img {
    filter: brightness(0);
    opacity: 0.85;
    transition: opacity 0.25s ease;
}

.whb-header-bottom li:hover > a .wd-nav-img,
.whb-header-bottom li.current-menu-item > a .wd-nav-img,
.wd-header-main-nav li:hover > a .wd-nav-img,
.wd-header-main-nav li.current-menu-item > a .wd-nav-img {
    opacity: 1;
}

/* Explicitly protect top-bar currency and country flags from any filter */
.whb-top-bar .wd-nav-img,
#menu-currency-furniture-2 .wd-nav-img {
    filter: none !important;
    opacity: 1 !important;
}