/* CouponsCluster site: content template for blog posts and sale pages (theme fonts kept; sizes, spacing and tables defined here) */
/* CouponsCluster DEALS TEMPLATE: one type scale for blog posts, the Deals home and every sale page.
   Change a value here and every page follows. Fonts come from the theme (headings Oswald uppercase, text Muli). */
.cc-content{--cc-h1:clamp(28px,3.4vw,38px);--cc-h2:clamp(22px,2.4vw,26px);--cc-h3:clamp(18px,2vw,20px);--cc-h4:17px;--cc-body:17px;--cc-body-lh:1.7;--cc-title:#1a7b8f;--cc-text:#1f2937}
/* the page title: biggest heading. The site's Additional CSS styles .card-title with an ID selector and !important, so this selector is deliberately specific */
.cc-content #primary article.card .card-body h1.cc-page-title{font-size:var(--cc-h1)!important;line-height:1.15!important;font-weight:600!important;color:var(--cc-title)!important;margin:0 0 18px!important}
/* the page title on pages whose template is not the blog/sale card (Stores, Blogs, ...): same size and brand colour as every other page title */
.cc-content :is(main,#primary,#content) h1{font-size:var(--cc-h1)!important;line-height:1.15!important;font-weight:600!important;color:var(--cc-title)!important}
.cc-content article .card-body{padding:22px 24px}
.cc-content .entry-content,.cc-content .card-text{font-size:var(--cc-body);line-height:var(--cc-body-lh);color:var(--cc-text)}
.cc-content .entry-content h2,.cc-content .card-text h2{font-size:var(--cc-h2)!important;line-height:1.25;margin:34px 0 12px}
.cc-content .entry-content h3,.cc-content .card-text h3{font-size:var(--cc-h3)!important;line-height:1.3;margin:24px 0 10px}
.cc-content .entry-content h4,.cc-content .card-text h4,.cc-content .entry-content h5,.cc-content .card-text h5,.cc-content .entry-content h6,.cc-content .card-text h6{font-size:var(--cc-h4)!important;line-height:1.35;margin:18px 0 6px;font-weight:600}
/* heading colours: section headings (h2) in the brand colour, everything below in the text colour. !important because old pages carry
   leftover theme ids (id="blog-heading") that colour some headings and not others */
.cc-content .entry-content h2,.cc-content .card-text h2{color:var(--cc-title)!important}
.cc-content .entry-content h3,.cc-content .card-text h3,.cc-content .entry-content h4,.cc-content .card-text h4,.cc-content .entry-content h5,.cc-content .card-text h5,.cc-content .entry-content h6,.cc-content .card-text h6{color:var(--cc-text)!important}
.cc-content .entry-content p,.cc-content .card-text p{margin:0 0 14px}
.cc-content .entry-content ul,.cc-content .card-text ul,.cc-content .entry-content ol,.cc-content .card-text ol{margin:0 0 16px;padding-left:22px}
.cc-content .entry-content li,.cc-content .card-text li{margin:0 0 6px}
.cc-content .entry-content img,.cc-content .card-text img{max-width:100%;height:auto;border-radius:12px}
.cc-content .entry-content table,.cc-content .card-text table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:16px}
.cc-content .entry-content th,.cc-content .card-text th{background:#eef6f8;color:#0f4c5a;text-align:left;padding:10px 12px;border:1px solid #d9e3e8;font-weight:700}
.cc-content .entry-content td,.cc-content .card-text td{padding:10px 12px;border:1px solid #e5eaee;vertical-align:top}
.cc-content .entry-content tr:nth-child(even) td,.cc-content .card-text tr:nth-child(even) td{background:#fafcfd}
@media(max-width:767px){.cc-content article .card-body{padding:16px 14px}.cc-content .entry-content,.cc-content .card-text{font-size:16px}.cc-content .entry-content table,.cc-content .card-text table{font-size:14px}.cc-content .entry-content th,.cc-content .card-text th,.cc-content .entry-content td,.cc-content .card-text td{padding:8px 9px}}
/* sale-page artwork: clear gap under the title and before the text */
.cc-content p.cc-sale-art,.cc-content .entry-content p.cc-sale-art{margin:24px 0 22px!important}
/* Telegram and WhatsApp buttons: network colours, icon, spacing (any page that loads this file) */
.wp-block-buttons{gap:12px!important}
.wp-block-button__link[href*="t.me/"],.wp-block-button__link[href*="whatsapp.com"]{display:inline-flex;align-items:center;gap:9px;color:#fff!important;font-weight:700;border:0;border-radius:999px;padding:12px 22px;text-decoration:none;background-repeat:no-repeat}
.wp-block-button__link[href*="t.me/"]{background-color:#1a82b3!important}
.wp-block-button__link[href*="whatsapp.com"]{background-color:#178a45!important}
.wp-block-button__link[href*="t.me/"]:hover{background-color:#146a92!important}
.wp-block-button__link[href*="whatsapp.com"]:hover{background-color:#106a35!important}
.wp-block-button__link[href*="t.me/"]::before,.wp-block-button__link[href*="whatsapp.com"]::before{content:"";width:20px;height:20px;flex:none;background:center/contain no-repeat}
.wp-block-button__link[href*="t.me/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/%3E%3C/svg%3E")}
.wp-block-button__link[href*="whatsapp.com"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.2 13.9c-.2.6-1.2 1.2-1.7 1.2-.5.1-1 .2-3.3-.7-2.8-1.2-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.3 0 .5l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.7 1.2 1.5 1.9 1 .9 1.8 1.2 2.1 1.3.3.1.4.1.6-.1l.8-1c.2-.3.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.1.1.6-.1 1.2z'/%3E%3C/svg%3E")}
/* notice on a coupon page whose offer has ended */
.cc-ended{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:10px;padding:12px 14px;margin:0 0 16px;font-size:15px}
.cc-ended a{color:#9a3412;text-decoration:underline;font-weight:600}
/* previous / next coupon links on a coupon page: visible boundary, bolder text */
.single-coupons .post-navigation a,.single-coupons .nav-links a{display:block;border:1.5px solid #1a7b8f;border-radius:12px;background:#fff;color:#0f4c5a;font-weight:700;padding:12px 16px;text-decoration:none;line-height:1.35}
.single-coupons .post-navigation a:hover,.single-coupons .nav-links a:hover{background:#1a7b8f;color:#fff}