/*
Theme Name: 	   Cosmobit Pro
Slug: 			   cosmobit-pro
Text Domain: 	   cosmobit-pro
Version:            1.0
Tested up to:       6.0
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/cosmobit-pro/
Description:        Cosmobit is the perfect theme for your website. Cosmobit is lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce with a beautiful & professional design.
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */
/* === SMG-Auto V4: contextual sidebar + automatic article covers === */
.smg-smart-sidebar{position:sticky;top:24px;border:1px solid #e7eaf0;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 12px 36px rgba(20,31,54,.08)}
.smg-side-head{padding:25px 24px 21px;background:linear-gradient(135deg,#111b2d,#243c67);color:#fff}
.smg-side-head-agro{background:linear-gradient(135deg,#17251a,#355b34)}
.smg-side-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#ffcc3a;margin-bottom:7px}
.smg-side-head h3{color:#fff;margin:0 0 7px;font-size:24px;line-height:1.15}.smg-side-head p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.55}
.smg-side-links{padding:9px 14px}.smg-side-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;border-bottom:1px solid #edf0f4;color:#18243a;font-weight:700;text-decoration:none;transition:.18s ease}
.smg-side-links a:last-child{border-bottom:0}.smg-side-links a:hover{color:#d71920;transform:translateX(3px)}.smg-side-links i{color:#d71920}
.smg-side-help{margin:7px 14px 14px;padding:17px;border-radius:13px;background:#f4f6fa}.smg-side-help strong{display:block;color:#17233a;font-size:17px}.smg-side-help p{font-size:13px;line-height:1.55;margin:7px 0 12px}.smg-side-call{display:block;text-align:center;border-radius:9px;padding:11px 12px;background:#d71920;color:#fff!important;font-weight:800;text-decoration:none}
.smg-auto-cover{position:relative;min-height:315px;border-radius:16px;overflow:hidden;margin-bottom:22px;background:#17233a;color:#fff;isolation:isolate}
.smg-auto-cover:before,.smg-auto-cover:after{content:"";position:absolute;border-radius:50%;filter:blur(0);z-index:-1}.smg-auto-cover:before{width:310px;height:310px;right:-90px;top:-100px;background:rgba(255,255,255,.10)}.smg-auto-cover:after{width:230px;height:230px;left:-80px;bottom:-120px;background:rgba(255,255,255,.07)}
.smg-cover-dpf{background:linear-gradient(135deg,#17233a,#334d7c)}.smg-cover-egr{background:linear-gradient(135deg,#16233a,#235866)}.smg-cover-adblue{background:linear-gradient(135deg,#112442,#176da1)}.smg-cover-agro{background:linear-gradient(135deg,#182719,#4c6530)}.smg-cover-dtc{background:linear-gradient(135deg,#251a25,#61304d)}
.smg-cover-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent)}
.smg-cover-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:38px 44px}.smg-cover-content span{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#ffcf3e}.smg-cover-content strong{font-size:42px;line-height:1.05;margin:8px 0 13px;color:#fff}.smg-cover-content small{font-size:18px;line-height:1.4;max-width:650px;color:rgba(255,255,255,.86)}
.smg-code-grid a{transition:.18s ease}.smg-code-grid a:hover{transform:translateY(-2px)}
.smg-tuning-calculator-cta{margin:28px 0;padding:22px 24px;border-radius:15px;background:linear-gradient(135deg,#17233a,#284778);color:#fff}.smg-tuning-calculator-cta h3{color:#fff;margin:0 0 8px}.smg-tuning-calculator-cta p{color:rgba(255,255,255,.82)}.smg-tuning-calculator-cta a{display:inline-block;background:#d71920;color:#fff!important;padding:11px 17px;border-radius:8px;font-weight:800;text-decoration:none}
@media(max-width:991px){.smg-smart-sidebar{position:static;margin-top:25px}.smg-auto-cover{min-height:260px}.smg-cover-content{padding:28px}.smg-cover-content strong{font-size:34px}.smg-cover-content small{font-size:16px}}

/* =========================================================
   SMG-AUTO V5 – SIDEBAR / CONTACT / ARTICLE COVERS / DTC LINKS
   ========================================================= */
.smg-v5-sidebar{position:sticky;top:110px;border:1px solid #e7ebf3;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(18,34,68,.09);margin-bottom:28px}
.smg-v5-side-hero{padding:26px 24px 22px;background:linear-gradient(135deg,#101b35 0%,#173d7d 70%,#245fca 100%);color:#fff;position:relative;overflow:hidden}
.smg-v5-side-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-90px;background:rgba(255,255,255,.08)}
.smg-v5-side-hero.is-agro{background:linear-gradient(135deg,#122416 0%,#285e35 72%,#4f8c56 100%)}
.smg-v5-side-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#ffcf33;text-transform:uppercase}
.smg-v5-side-hero h3{color:#fff!important;font-size:23px;line-height:1.2;margin:7px 0 9px}
.smg-v5-side-hero p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55}
.smg-v5-side-list{padding:10px}
.smg-v5-side-item{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:14px;text-decoration:none!important;color:#18243a!important;transition:.2s ease;border:1px solid transparent}
.smg-v5-side-item:hover{background:#f5f8ff;border-color:#dce6fa;transform:translateX(2px)}
.smg-v5-side-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:#245dcc;flex:0 0 38px}
.smg-v5-side-copy{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.smg-v5-side-copy strong{font-size:14px;font-weight:800;color:#17223b}
.smg-v5-side-copy small{font-size:11px;color:#7b879c;margin-top:4px}
.smg-v5-side-arrow{color:#9aa7ba}
.smg-v5-side-contact{margin:10px 16px 18px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fff8e5,#fff);border:1px solid #f1dfaa;display:flex;gap:12px;align-items:flex-start}
.smg-v5-side-contact-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f31717;color:#fff;flex:0 0 40px}
.smg-v5-side-contact span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#8b6c1d;font-weight:700}
.smg-v5-side-contact strong{display:block;color:#17223b;font-size:17px;margin:1px 0}
.smg-v5-side-contact p{font-size:12px;color:#6f7785;margin:2px 0 8px}
.smg-v5-side-contact a{font-size:14px;font-weight:800;color:#f31717!important;text-decoration:none!important}

.smg-v5-contact{margin:42px 0 8px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e5eaf2;box-shadow:0 16px 50px rgba(21,39,75,.08)}
.smg-v5-contact-top{padding:28px 30px;background:linear-gradient(135deg,#101b35,#214b9b);color:#fff}
.smg-v5-contact-top span{display:inline-block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#ffcf33;font-weight:800;margin-bottom:7px}
.smg-v5-contact-top h2{color:#fff!important;margin:0 0 7px;font-size:28px}
.smg-v5-contact-top p{color:rgba(255,255,255,.82);margin:0;max-width:760px}
.smg-v5-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.smg-v5-contact-item{padding:22px 24px;display:flex;gap:14px;align-items:center;color:#18243a!important;text-decoration:none!important;border-right:1px solid #edf0f5;background:#fff}
.smg-v5-contact-item:last-child{border-right:0}
.smg-v5-contact-item>i{width:42px;height:42px;border-radius:12px;background:#f0f4fc;display:flex;align-items:center;justify-content:center;color:#245dcc;font-size:18px;flex:0 0 42px}
.smg-v5-contact-item div{display:flex;flex-direction:column}
.smg-v5-contact-item small{font-size:11px;text-transform:uppercase;color:#8b95a7;font-weight:700;letter-spacing:.5px}
.smg-v5-contact-item strong{font-size:16px;color:#17223b;margin:1px 0}
.smg-v5-contact-item span{font-size:12px;color:#7a8495}
.smg-v5-contact-item.is-action{transition:.2s ease}
.smg-v5-contact-item.is-action:hover{background:#f7f9fd}

/* Hide legacy multi-city blocks on service/article pages; V5 renders a single Yambol contact block. */
.single .smg-contact-section:not(.smg-v5-contact),
.page:not(.page-id-43) .smg-contact-section:not(.smg-v5-contact){display:none!important}

.smg-v5-article-cover{position:relative;height:330px;border-radius:20px;overflow:hidden;margin-bottom:22px;background:#111827}
.smg-v5-article-cover img{width:100%;height:100%;object-fit:cover;display:block}
.smg-v5-article-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,35,.88),rgba(8,16,35,.35) 62%,rgba(8,16,35,.12))}
.smg-v5-cover-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.smg-v5-cover-overlay span{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#ffcf33;font-weight:800}
.smg-v5-cover-overlay strong{font-size:31px;line-height:1.1;margin:5px 0 7px;color:#fff}
.smg-v5-cover-overlay small{font-size:14px;line-height:1.4;color:rgba(255,255,255,.88);max-width:720px}
.smg-v5-card-cover{position:relative;display:block;height:220px;overflow:hidden;border-radius:18px 18px 0 0;background:#121c34}
.smg-v5-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.smg-v5-card-cover:hover img{transform:scale(1.035)}
.smg-v5-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(9,18,39,.72))}
.smg-v5-card-cover span{position:absolute;z-index:2;left:16px;bottom:14px;background:#f31717;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.4px}

.smg-error-link{position:relative;display:flex!important;align-items:center;gap:10px;text-decoration:none!important;transition:.2s ease}
.smg-error-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(28,53,102,.09)}
.smg-error-link>i{margin-left:auto;color:#245dcc}
.smg-code-card,.smg-link-grid a{transition:.2s ease}
.smg-code-card:hover,.smg-link-grid a:hover{transform:translateY(-2px)}

@media(max-width:991px){.smg-v5-sidebar{position:static;top:auto}.smg-v5-contact-grid{grid-template-columns:1fr}.smg-v5-contact-item{border-right:0;border-bottom:1px solid #edf0f5}.smg-v5-contact-item:last-child{border-bottom:0}}
@media(max-width:767px){.smg-v5-side-hero{padding:22px 18px}.smg-v5-contact-top{padding:23px 20px}.smg-v5-contact-top h2{font-size:24px}.smg-v5-contact-item{padding:18px}.smg-v5-article-cover{height:260px}.smg-v5-cover-overlay{left:18px;right:18px;bottom:18px}.smg-v5-cover-overlay strong{font-size:25px}.smg-v5-card-cover{height:190px}}
