/* ===== CC HUD design layer (site-wide, Nov 1 2026) ===== */
:root{--hud-red:var(--cc-red,#EE212E);--hud-line:rgba(255,255,255,.09);--hud-cut:16px}
/* Cards: sharp, cut top-right corner */
body:not(#hud) ul.cc2-cards>li,body:not(#hud) ul.cc2-tc>li,body:not(#hud) .cc2-yr,body:not(#hud) ul.products li.product,body:not(#hud) ul.products li.product-category,body:not(#hud) .cc-steps__item,body:not(#hud) .cc-faq details,body:not(#hud) ul.cc-routes li a,body:not(#hud) .cc-next,body:not(#hud) .elementskit-accordion .elementskit-card,body:not(#hud) .cc2-mini li a,body:not(#hud) .cc-contact-form,body:not(#hud) .cc-news-grid article,body:not(#hud) .elementskit-post-image-card{border-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--hud-cut)) 0,100% var(--hud-cut),100% 100%,0 100%)}
body:not(#hud) .cc2-tl li{border-radius:0!important}
/* Red corner slash as a background layer (keeps each card's own colour) */
body:not(#hud) ul.cc2-cards>li,body:not(#hud) ul.cc2-tc>li,body:not(#hud) .cc2-yr,body:not(#hud) .cc2-tl li,body:not(#hud) ul.products li.product,body:not(#hud) ul.products li.product-category,body:not(#hud) .cc-steps__item,body:not(#hud) .cc-faq details,body:not(#hud) ul.cc-routes li a,body:not(#hud) .cc-next,body:not(#hud) .elementskit-accordion .elementskit-card,body:not(#hud) .cc2-mini li a,body:not(#hud) .cc-contact-form{background-image:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--hud-red) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))!important;background-position:top right!important;background-size:var(--hud-cut) var(--hud-cut)!important;background-repeat:no-repeat!important}
body:not(#hud) ul.cc2-tc>li{--hud-red:#E8B84A}
/* Image-topped cards get the slash on top of the image */
body:not(#hud) .cc-news-grid article,body:not(#hud) .elementskit-post-image-card{position:relative}
body:not(#hud) .cc-news-grid article::after,body:not(#hud) .elementskit-post-image-card::after{content:"";position:absolute;top:0;right:0;width:var(--hud-cut);height:var(--hud-cut);z-index:5;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--hud-red) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))}
/* Hover: lift + red edge on clickable cards */
body:not(#hud) ul.cc2-cards>li,body:not(#hud) ul.products li.product,body:not(#hud) ul.products li.product-category,body:not(#hud) ul.cc-routes li a,body:not(#hud) .cc2-mini li a,body:not(#hud) .cc-news-grid article,body:not(#hud) .elementskit-post-image-card{transition:transform .25s,border-color .2s}
body:not(#hud) ul.cc2-cards>li:hover,body:not(#hud) ul.products li.product:hover,body:not(#hud) ul.products li.product-category:hover,body:not(#hud) ul.cc-routes li a:hover,body:not(#hud) .cc2-mini li a:hover,body:not(#hud) .cc-news-grid article:hover,body:not(#hud) .elementskit-post-image-card:hover{transform:translateY(-3px);border-color:var(--hud-red)!important}
/* Card images: hatch + spotlight behind product shots, square corners */
body:not(#hud) ul.products li.product img,body:not(#hud) .cc-news-grid article img,body:not(#hud) .elementskit-post-image-card img,body:not(#hud) .cc2-img img{border-radius:0!important}
body:not(#hud) .cc2-img img{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
/* Panels */
body:not(#hud) .cc2-stats-wrap,body:not(#hud) .cc2-stats-wrap>.elementor-widget-container,body:not(#hud) .cc2-rx,body:not(#hud) .cc2-rx table{border-radius:0!important}
/* Buttons: sharp with a cut corner (header untouched) */
body:not(#hud) .elementor:not(.elementor-location-header) .elementor-button,body:not(#hud) .woocommerce a.button,body:not(#hud) .woocommerce button.button,body:not(#hud) a.button.product_type_variable,body:not(#hud) a.button.add_to_cart_button,body:not(#hud) .wc-block-components-button,body:not(#hud) .roost-btn{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
/* Chips and filters */
body:not(#hud) .rx-filters label,body:not(#hud) .product-categories a,body:not(#hud) .cc-shop-cats a,body:not(#hud) .elementor-post__badge,body:not(#hud) .cc2-chips-wrap li a{border-radius:3px!important}
/* Form fields */
body:not(#hud) .mf-input,body:not(#hud) .cc-contact-form textarea,body:not(#hud) .cc-contact-form select{border-radius:0!important}
body:not(#hud) .mf-input:focus{box-shadow:inset 3px 0 0 var(--hud-red)!important;border-color:rgba(255,255,255,.3)!important}

/* Containers: Elementor panels go square */
body:not(#hud) .elementor:not(.elementor-location-header) .e-con{--border-radius:0px}
/* More cards / panels: square + cut corner + slash */
body:not(#hud) .cc-sched-hero,body:not(#hud) article.tribe-events-calendar-list__event,body:not(#hud) .tribe-events-event-meta.primary,body:not(#hud) .elementor-post-navigation__link,body:not(#hud) .elementor-posts-container article,body:not(#hud) .roost-card,body:not(#hud) .roost-tier,body:not(#hud) .roost-wall,body:not(#hud) .woocommerce-Tabs-panel,body:not(#hud) .wc-block-cart__sidebar,body:not(#hud) .cc-feathers-box,body:not(#hud) .cc-plogo>.elementor-widget-container,body:not(#hud) .rx-wrap,body:not(#hud) .cc2-results-widget,body:not(#hud) .woocommerce-MyAccount-navigation ul{border-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--hud-cut)) 0,100% var(--hud-cut),100% 100%,0 100%)}
body:not(#hud) .cc-sched-hero,body:not(#hud) article.tribe-events-calendar-list__event,body:not(#hud) .tribe-events-event-meta.primary,body:not(#hud) .elementor-post-navigation__link,body:not(#hud) .roost-tier,body:not(#hud) .woocommerce-Tabs-panel,body:not(#hud) .cc-feathers-box,body:not(#hud) .cc-plogo>.elementor-widget-container{background-image:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--hud-red) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))!important;background-position:top right!important;background-size:var(--hud-cut) var(--hud-cut)!important;background-repeat:no-repeat!important}
body:not(#hud) .elementor-posts-container article{position:relative}
body:not(#hud) .elementor-posts-container article::after{content:"";position:absolute;top:0;right:0;width:var(--hud-cut);height:var(--hud-cut);z-index:5;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--hud-red) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))}
/* Images and media: square */
body:not(#hud) .elementor-wrapper.elementor-open-inline,body:not(#hud) .tribe-events-calendar-list__event-featured-image,body:not(#hud) .tribe-events-event-image img,body:not(#hud) .woocommerce-product-gallery .flex-viewport,body:not(#hud) .woocommerce-product-gallery__image,body:not(#hud) .woocommerce-product-gallery img,body:not(#hud) .elementor-widget-theme-post-featured-image img,body:not(#hud) .elementor-widget-image img.wp-post-image,body:not(#hud) .single-post .elementor-widget-container>img{border-radius:0!important}
/* Buttons that aren't Elementor buttons */
body:not(#hud) .cc-sched-hero__links a,body:not(#hud) .tribe-events-c-search__button,body:not(#hud) .tribe-events-c-subscribe-dropdown__button,body:not(#hud) .metform-btn,body:not(#hud) .single_add_to_cart_button,body:not(#hud) .rx-more-btn,body:not(#hud) .cc-share__btn{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
/* Chips, tabs, badges, pagination: small HUD corners */
body:not(#hud) .elementor-post-info__terms-list-item,body:not(#hud) .cc-feathers-chip,body:not(#hud) .wc-tabs li,body:not(#hud) .cc-steps-bar li,body:not(#hud) .rx-b,body:not(#hud) .rx-unb,body:not(#hud) .page-numbers,body:not(#hud) .cc-next__clock span,body:not(#hud) .cc-steps__n{border-radius:3px!important}
/* Fields */
body:not(#hud) .tribe-events-header__events-bar,body:not(#hud) .woocommerce .quantity .qty,body:not(#hud) .variations select,body:not(#hud) .mf-response-msg,body:not(#hud) .woocommerce-product-search input{border-radius:0!important}

body:not(#hud) .cc2-tl li.tl-gold{--hud-red:#E8B84A}
body:not(#hud) .cc2-tl li.tl-silver{--hud-red:#C9CED6}

/* Leftover rounded panels and fields */
body:not(#hud) .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-element,body:not(#hud) .elementor:not(.elementor-location-header):not(.elementor-location-footer) .e-con-inner,body:not(#hud) .woocommerce-product-search button,body:not(#hud) .quantity .qty,body:not(#hud) .woocommerce-MyAccount-navigation a{border-radius:0!important}
body:not(#hud) .woocommerce-product-search button{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
/* Homepage partner tiles */
body:not(#hud) .cc-hp-logos a{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background-image:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--hud-red) calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))!important;background-position:top right!important;background-size:12px 12px!important;background-repeat:no-repeat!important}

/* Content images square */
body:not(#hud) .elementor:not(.elementor-location-header):not(.elementor-location-footer) .elementor-widget-image img{border-radius:0!important}

/* People cards with a full photo (jpg, not a cut-out): keep only the top HUD brackets. The bracket frame is shorter than the photo, so the bottom pair floated mid-photo and read as a glitch line. Nov 2, 2026 */
body:not(#hud).page-id-471 ul.cc2-people li::after,
body:not(#hud) ul.cc2-people li:has(.cc2-pimg img:not([src*=".png"]))::after{background-position:0 0,0 0,100% 0,100% 0,-99px -99px,-99px -99px,-99px -99px,-99px -99px!important}

/* Footer site map: 5th column "Help & Legal" (split out of The Coop, Nov 2, 2026). Undoes the old 2-column split of the last column. */
@media (min-width:768px){body:not(#hud) .cc-sitemap{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:28px!important}}
body:not(#hud) .cc-sitemap .sm-col:last-child ul{display:grid!important;columns:auto!important}
body:not(#hud) .cc-sitemap .sm-col:last-child li{margin:0!important}
@media (max-width:767px){body:not(#hud) .cc-sitemap .sm-col:last-child{grid-column:auto!important}}