.elementor-kit-8{--e-global-color-primary:#FF2A00;--e-global-color-secondary:#010101;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"PP Telegraf";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"PP Telegraf";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PP Telegraf";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:-0.32px;--e-global-typography-accent-font-family:"PP Telegraf";--e-global-typography-accent-font-weight:500;background-image:url("https://ca.security/wp-content/uploads/2025/12/Web-bg-new-scaled.webp");color:#000000;font-family:"PP Telegraf", Sans-serif;font-size:18px;background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"PP Telegraf", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{background-image:url("https://ca.security/wp-content/uploads/2025/12/Mobile-bg.webp");background-position:top center;background-size:contain;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Remove button styling and match table font */
.woocommerce-order-received .order_total .button.invoice,
.woocommerce-order-received .order_total .moved-invoice {
    background: none !important;
    background-color: transparent !important;
    color: #ff4500 !important; /* Matches your brand orange */
    padding: 0 !important;
    margin-left: 10px !important;
    font-size: 16px !important; /* Matches '1,00 €' size */
    font-weight: bold !important;
    text-decoration: underline !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    vertical-align: baseline !important;
}

/* Parent container reset */
.woocommerce-order-received .woocommerce-purchase-summary,
.woocommerce-order-received .woocommerce-order {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
    padding: 0 !important;
    margin: 0 !important;
}

/* Force Payment Method onto the same row - left aligned */
/* Parent container reset */
.woocommerce-order-received .woocommerce-purchase-summary,
.woocommerce-order-received .woocommerce-order {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Kill the ::before pseudo-element */
ul.woocommerce-order-overview.order_details::before,
ul.woocommerce-order-overview.order_details::after {
    display: none !important;
    content: none !important;
}

/* Force Payment Method onto the same row - left aligned */
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

ul.woocommerce-order-overview.order_details li {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding: 0 20px 0 0 !important;
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

ul.woocommerce-order-overview.order_details li:first-child {
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-left: none !important;
}

ul.woocommerce-order-overview.order_details li:last-child strong {
    white-space: nowrap;
}

@media (max-width: 768px) {
    ul.woocommerce-order-overview.order_details {
        flex-wrap: wrap !important;
    }
}

/* 2. Hover effect to keep it interactive */
.woocommerce-order-received .order_total .button.invoice:hover {
    color: #000 !important;
    text-decoration: none !important;
}

/* 3. Ensure the original bulky Actions row stays hidden */
.woocommerce-order-received .shop_table tfoot tr.actions, 
.woocommerce-order-received .shop_table tfoot tr:last-child {
    display: none !important;
}

/* HUSKY / WOOF Filter Typography */
.woof,
.woof_container,
.woof_container label,
.woof_container h4,
.woof_list label,
.woof_container select,
.woof_container input {
    font-family: "PP Telegraf", sans-serif !important;
    font-size: 16px !important;
}

.woof .irs-from,
.woof .irs-to,
.woof .irs-single {
    font-family: "PP Telegraf", sans-serif !important;
    font-size: 16px !important;
}

.woocommerce-MyAccount-content .button:not(:last-child) {
    margin-right: 10px;
}

.woocommerce-MyAccount-content strong {
    font-weight: 500;
}

/* Stack Zoom meeting layout vertically */
.single-zoom-meetings .dpn-zvc-single-content-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

/* Make both sections full width */
.single-zoom-meetings .vczapi-col-8,
.single-zoom-meetings .vczapi-col-4 {
    width: 100% !important;
    max-width: 900px;
    margin: 0 auto;
}

/* Put the details under the image */
.single-zoom-meetings .vczapi-col-4 {
    margin-top: 0px;
}

/* Improve details card styling */
.single-zoom-meetings .dpn-zvc-sidebar-box {
    background: #f4f4f4;
    color: #111;
    border-radius: 8px;
    padding: 24px;
}

/* Meeting description box */
.single-zoom-meetings .deepn-zvc-single-description {
    background: #f4f4f4;
    color: #111;
    padding: 40px;
    border-radius: 8px;
    margin-top: 20px;
    max-width: 900px;
}

/* Meeting ended message */
.single-zoom-meetings .dpn-zvc-meeting-ended {
    background: #f4f4f4;
    color: #111;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    max-width: 900px;
}

/* Make text readable */
.single-zoom-meetings .deepn-zvc-single-description *,
.single-zoom-meetings .dpn-zvc-meeting-ended * {
    color: #111 !important;
}

/* Make entire Zoom meeting page background black */
.single-zoom-meetings,
.single-zoom-meetings body,
.single-zoom-meetings .content-area,
.single-zoom-meetings .site-main,
.single-zoom-meetings .content-area.container {
    background: #000 !important;
}

/* Remove white backgrounds from containers */
.single-zoom-meetings .container,
.single-zoom-meetings .row,
.single-zoom-meetings .dpn-zvc-single-content-wrapper {
    background: transparent !important;
}

/* Hide the empty countdown box completely */
.single-zoom-meetings .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box:first-child:not(:has(*)) {
    display: none !important;
}

/* Separate the meeting expired message as its own card */
.single-zoom-meetings .dpn-zvc-sidebar-box.vczapi-no-longer-valid {
    background: #1a1a1a !important;
    border-radius: 8px !important;
    padding: 15px 24px !important;
    margin-top: 20px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    .single-zoom-meetings .dpn-zvc-sidebar-content {
    padding: 0 !important;
}
}

/* Meeting details - Details font size */
.single-zoom-meetings .dpn-zvc-sidebar-tile,
.single-zoom-meetings .dpn-zvc-sidebar-tile h3 {
    background: transparent !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #000 !important;
}

/* Order details font size */

.woocommerce-order-received h2.woocommerce-order-details__title,
.woocommerce-order-received h2.woocommerce-column__title {
    font-size: 20px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PP Telegraf';
	font-display: auto;
	src: url('https://ca.security/wp-content/uploads/2025/12/PPTelegraf-Regular-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */