/*
 Theme Name:   Backhoee Child
 Theme URI:    http://themes.webdevia.com/backhoe-heavy-construction-equipment-rentals-machinery-wordpress-theme/
 Description:  Backhoe Child Theme
 Author:       Mymoun
 Author URI:   http://www.webdevia.com/
 Template:     backhoe
 Version:      1.0.0
 License: Envato
 License URI: https://themeforest.net/licenses
 Tags:         two-columns, custom-background, threaded-comments, translation-ready, custom-menu
 Text Domain:  backhoe
*/
/* =========================
   Custom Fonts (Backhoe Child)
   ========================= */
@font-face {
  font-family: "TedsProhibition";
  src: url("assets/fonts/Prohibition-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TedsMegadeath";
  src: url("assets/fonts/MegadeathCryptic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TedsArialBlack";
  src: url("assets/fonts/Arial-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Variable font: allow a range of weights */
@font-face {
  font-family: "TedsAcumin";
  src: url("assets/fonts/Acumin-Variable-Concept.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* WPBakery utility classes (use in "Extra class name") */
.font-prohibition { font-family: "TedsProhibition", Arial, sans-serif; }
.font-megadeath { font-family: "TedsMegadeath", Arial, sans-serif; }
.font-arialblack { font-family: "TedsArialBlack", Arial, sans-serif; }
.font-acumin { font-family: "TedsAcumin", Arial, sans-serif; }
/* Optional: helper classes for quick testing */
.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }
/* Force font for headings that have the class */
.vc_custom_heading.font-prohibition,
h1.font-prohibition, h2.font-prohibition, h3.font-prohibition, h4.font-prohibition {
  font-family: "TedsProhibition", Arial, sans-serif !important;
}
.vc_custom_heading.font-megadeath,
h1.font-megadeath, h2.font-megadeath, h3.font-megadeath, h4.font-megadeath {
  font-family: "TedsMegadeath", Arial, sans-serif !important;
}
.vc_custom_heading.font-arialblack,
h1.font-arialblack, h2.font-arialblack, h3.font-arialblack, h4.font-arialblack {
  font-family: "TedsArialBlack", Arial, sans-serif !important;
}
/* Sitewide body font */
body {
  font-family: "TedsAcumin", Arial, sans-serif;
}
/* If the font class is on a wrapper, force it onto headings inside */
.font-prohibition h1, .font-prohibition h2, .font-prohibition h3, .font-prohibition h4,
.font-prohibition .title_a, .font-prohibition .sub_title_a {
  font-family: "TedsProhibition", Arial, sans-serif !important;
}
.font-megadeath h1, .font-megadeath h2, .font-megadeath h3, .font-megadeath h4,
.font-megadeath .title_a, .font-megadeath .sub_title_a {
  font-family: "TedsMegadeath", Arial, sans-serif !important;
}
.font-arialblack h1, .font-arialblack h2, .font-arialblack h3, .font-arialblack h4,
.font-arialblack .title_a, .font-arialblack .sub_title_a {
  font-family: "TedsArialBlack", Arial, sans-serif !important;
}
.font-acumin h1, .font-acumin h2, .font-acumin h3, .font-acumin h4,
.font-acumin .title_a, .font-acumin .sub_title_a {
  font-family: "TedsAcumin", Arial, sans-serif !important;
}


/* ==========================================================================
   RENTAL RATE TABLE - Product Page
   ========================================================================== */

.teds-rental-rates {
    margin: 20px 0;
    width: 100%;
}

.teds-rental-rates-title {
    font-family: "TedsProhibition", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.teds-rate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
    margin-bottom: 15px;
}

.teds-rate-box {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px 14px;
    background: #fafafa;
    transition: border-color 0.2s ease;
}

.teds-rate-box:hover {
    border-color: #8B0000;
}

.teds-rate-label {
    font-family: "TedsAcumin", Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
}

.teds-rate-value {
    font-family: "TedsProhibition", Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #8B0000;
}

.teds-rate-value .currency {
    font-size: 14px;
    vertical-align: top;
    position: relative;
    top: 2px;
}

/* Deposit and Overtime - secondary style */
.teds-rate-box.teds-rate-secondary {
    background: #f5f5f5;
    border-style: dashed;
}

.teds-rate-box.teds-rate-secondary .teds-rate-value {
    font-size: 16px;
    color: #555;
}

/* Min rental period notice */
.teds-min-period {
    font-size: 12px;
    color: #888;
    font-style: italic;
    margin-top: 8px;
}

/* RC Number display */
.teds-rc-number {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
}


/* ==========================================================================
   RENTAL RATE TABLE - Category/Shop Page (card view)
   ========================================================================== */

.teds-rate-card-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.teds-rate-card-box {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 6px 10px;
    background: #fff;
    flex: 1;
    min-width: 80px;
}

.teds-rate-card-label {
    font-family: "TedsAcumin", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
}

.teds-rate-card-value {
    font-family: "TedsProhibition", Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #8B0000;
}


/* ==========================================================================
   RESPONSIVE - Rate card single column on mobile
   ========================================================================== */

@media (max-width: 768px) {
    .teds-rate-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .teds-rate-value {
        font-size: 22px !important;
        font-weight: 800 !important;
    }
    .teds-rate-label {
        font-size: 13px !important;
    }
    .teds-rate-box {
        padding: 16px !important;
    }
}


/* ==========================================================================
   RENTAL INQUIRY FORM - Product Page
   ========================================================================== */

.teds-inquiry-form-wrapper {
    margin-top: 20px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.teds-inquiry-form-title {
    font-family: "TedsProhibition", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.teds-inquiry-form-wrapper .wpcf7-form label {
    display: block;
    font-family: "TedsAcumin", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 10px;
}

.teds-inquiry-form-wrapper .wpcf7-form input[type="text"],
.teds-inquiry-form-wrapper .wpcf7-form input[type="email"],
.teds-inquiry-form-wrapper .wpcf7-form input[type="tel"],
.teds-inquiry-form-wrapper .wpcf7-form textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: "TedsAcumin", Arial, sans-serif;
    font-size: 14px;
    margin-top: 4px;
}

.teds-inquiry-form-wrapper .wpcf7-form textarea {
    height: 80px;
    resize: vertical;
}

.teds-inquiry-form-wrapper .wpcf7-form input[type="submit"] {
    background: #8B0000;
    color: #fff;
    border: none;
    padding: 12px 24px;
    font-family: "TedsProhibition", Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    margin-top: 5px;
    transition: background 0.2s ease;
}

.teds-inquiry-form-wrapper .wpcf7-form input[type="submit"]:hover {
    background: #a50000;
}

.teds-inquiry-form-wrapper .wpcf7-form .wpcf7-response-output {
    margin: 10px 0 0 0;
    padding: 8px 12px;
    font-size: 13px;
}


/* ==========================================================================
   CATEGORY DESCRIPTION BLOCK (new: ted-cat-block)
   ========================================================================== */
.ted-cat-block {
    display: block !important;
    visibility: visible !important;
    background: #fafafa;
    padding: 28px 32px;
    margin: 0 0 36px 0;
    border-left: 5px solid #8B0000;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.ted-cat-block .ted-cat-heading {
    font-family: "TedsProhibition", "Impact", Arial, sans-serif !important;
    color: #8B0000 !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ted-cat-block .ted-cat-body {
    font-size: 15px;
    line-height: 1.7;
    color: #333;
}

.ted-cat-block .ted-cat-body p {
    margin: 0 0 14px 0;
}

.ted-cat-block .ted-cat-body p:last-child {
    margin-bottom: 0;
}

/* Force visibility against parent theme suppression */
.term-description,
.archive-description,
.category-description,
.woocommerce-products-header__title + .term-description,
.woocommerce .term-description {
    display: block !important;
    visibility: visible !important;
}

@media (max-width: 768px) {
    .ted-cat-block {
        padding: 20px;
        margin-bottom: 24px;
    }
    .ted-cat-block .ted-cat-heading {
        font-size: 22px !important;
    }
    .ted-cat-block .ted-cat-body {
        font-size: 14px;
        line-height: 1.6;
    }
}


/* ==========================================================================
   RENTAL CLASS LABEL - shows above rate table
   ========================================================================== */
.rental-class-label {
    display: block;
    font-family: "TedsProhibition", "Impact", Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    margin: 8px 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.rental-class-label::before {
    content: "Class: ";
    color: #8B0000;
    font-weight: bold;
}


/* ==========================================================================
   PRODUCT DESCRIPTION ABOVE RATE TABLE
   ========================================================================== */
.ted-product-description {
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    margin: 18px 0 24px 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}

.ted-product-description p {
    margin: 0 0 12px 0;
}

.ted-product-description p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .ted-product-description {
        font-size: 14px;
        line-height: 1.6;
    }
}/* ============================================================
   TED'S RENTAL - CHILD THEME CSS ADDITIONS (2026-04-10)
   ============================================================
   Append these blocks to the END of the child theme's style.css
   in the Backhoe Child theme.
   
   File path on WP Engine: /wp-content/themes/backhoe-child/style.css
   ============================================================ */


/* ============================================================
   1. CATEGORY DESCRIPTION BLOCK (item F)
   ============================================================
   Forces the category description to render visibly above the
   product grid, with branded styling that matches Ted's red.
*/
.ted-cat-block {
  display: block !important;
  visibility: visible !important;
  background: #fafafa;
  padding: 28px 32px;
  margin: 0 0 36px 0;
  border-left: 5px solid #8B0000;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.ted-cat-block .ted-cat-heading {
  font-family: "TedsProhibition", Arial, sans-serif !important;
  color: #8B0000 !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  margin: 0 0 16px 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ted-cat-block .ted-cat-body {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

.ted-cat-block .ted-cat-body p {
  margin: 0 0 14px 0;
}

.ted-cat-block .ted-cat-body p:last-child {
  margin-bottom: 0;
}

/* Force visibility against parent theme suppression */
.term-description,
.archive-description,
.category-description,
.woocommerce-products-header__title + .term-description,
.woocommerce .term-description {
  display: block !important;
  visibility: visible !important;
}

@media (max-width: 768px) {
  .ted-cat-block {
    padding: 20px;
    margin-bottom: 24px;
  }
  .ted-cat-block .ted-cat-heading {
    font-size: 22px !important;
  }
  .ted-cat-block .ted-cat-body {
    font-size: 14px;
    line-height: 1.6;
  }
}


/* ============================================================
   2. RENTAL CLASS LABEL (item C / Phase 4)
   ============================================================
   Shows the rental class as a text label above the rate table,
   replacing the old child category breadcrumb.
*/
.rental-class-label {
  display: block;
  font-family: "Impact", "Arial Black", Helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555;
  margin: 8px 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
}

.rental-class-label::before {
  content: "Class: ";
  color: #8B0000;
  font-weight: bold;
}


/* ============================================================
   3. PRODUCT DESCRIPTION ABOVE RATE TABLE (item C)
   ============================================================
*/
.ted-product-description {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
  margin: 18px 0 24px 0;
  padding-bottom: 18px;
  border-bottom: 1px solid #eee;
}

.ted-product-description p {
  margin: 0 0 12px 0;
}

.ted-product-description p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .ted-product-description {
    font-size: 14px;
    line-height: 1.6;
  }
}


/* ============================================================
   4. RATE CARD - SINGLE COLUMN ON MOBILE + LARGER TYPE (items B + D)
   ============================================================
   Forces the rate card to one column on mobile and bumps font
   sizes for readability. Broad selectors used because the
   current rate card class names vary by template - tighten
   these once the live class names are confirmed.
*/

/* Desktop typography bump */
.rental-rate-value,
.wp-rate-value,
.rate-card-value,
[class*="rental-rate-value"],
[class*="rate-value"] {
  font-family: "TedsProhibition", Arial, sans-serif;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a1a;
}

.rental-rate-label,
.wp-rate-label,
.rate-card-label,
[class*="rental-rate-label"],
[class*="rate-label"] {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #888;
}

/* Mobile single column */
@media (max-width: 768px) {
  .rental-rate-grid,
  .wp-rates,
  .rate-card-grid,
  [class*="rental-rate-grid"],
  [class*="rate-grid"],
  ul.rental-rates,
  .rental-rates-table {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .rental-rate-value,
  .wp-rate-value,
  .rate-card-value,
  [class*="rate-value"] {
    font-size: 22px !important;
    font-weight: 800 !important;
  }

  .rental-rate-label,
  .wp-rate-label,
  .rate-card-label,
  [class*="rate-label"] {
    font-size: 13px !important;
  }

  .rental-rate-box,
  .wp-rate-box,
  .rate-card-box,
  [class*="rate-box"] {
    padding: 16px !important;
    text-align: left !important;
  }
}


/* ============================================================
   5. CONTACT FORM 7 - "Request rental" button styling (item E2)
   ============================================================
*/
.wpcf7-submit,
input[type="submit"].wpcf7-submit {
  background-color: #8B0000 !important;
  color: #ffffff !important;
  font-family: "Impact", "Arial Black", Helvetica, sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 14px 28px !important;
  border: none !important;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  width: auto;
}

.wpcf7-submit:hover,
input[type="submit"].wpcf7-submit:hover {
  background-color: #6b0000 !important;
}


/* ============================================================
   6. HIDE REDUNDANT CONTACT BUTTON (item E1)
   ============================================================
   If the redundant button has a stable class, hide it via CSS
   as a belt-and-suspenders move alongside the PHP removal.
   Adjust selector if the button has a more specific class.
*/
.single-product .product-contact-button,
.single-product .extra-contact-link,
.single-product a.button.contact-link {
  display: none !important;
}

.ted-cat-block .ted-cat-body ul {
    margin: 14px 0;
    padding-left: 20px;
    list-style: disc;
}

.ted-cat-block .ted-cat-body li {
    margin: 6px 0;
    line-height: 1.6;
}


/* FORCE PROHIBITION ON ALL HEADINGS SITEWIDE */
h1, h2, h3, h4, h5, h6, 
.vc_custom_heading, 
.title_a, .title_b, 
.woocommerce-loop-category__title {
    font-family: "TedsProhibition", Arial, sans-serif !important;
}


/* 1. YOUR EXISTING CODE FOR HEADINGS */
h1, h2, h3, h4, h5, h6, 
.vc_custom_heading, 
.title_a, .title_b, 
.woocommerce-loop-category__title {
    font-family: "TedsProhibition", Arial, sans-serif !important;
}

/* 2. THE UPDATED REPLACEMENT FOR NAVIGATION */
.site-navigation .menu li a, 
.site-navigation .menu-item a,
.site-navigation a {
    font-family: "TedsProhibition", Arial, sans-serif !important;
    font-size: 22px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
}


/* Removes title bar background images on all pages */
section.titlebar,
.vc_row-has-fill {
    background-image: none !important;
}