/*
Theme Name: DeepCore Blog
Theme URI: https://www.deepcore.ma/blog/
Author: DeepCore
Description: Blog DeepCore, harmonisé avec le site Monitoring et AI.
Version: 1.0.0
Text Domain: deepcore-blog
*/
:root{--ink:#00363e;--teal:#00c6d4;--muted:#496b72;--line:#d9e9eb;--cream:#f6fafb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e5eff0;box-shadow:0 3px 20px #002f3910}.header-inner{max-width:1260px;margin:auto;min-height:66px;padding:9px 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo img{width:195px;height:auto}.header-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:650}.header-nav a{text-decoration:none;white-space:nowrap}.header-nav a:hover,.header-nav a[aria-current]{color:#008b9d}.header-nav .contact-link{padding:10px 17px;border:1px solid #1d8b9c;border-radius:100px;background:#f2fbfc;color:#005b68}.container{width:min(100% - 48px,1180px);margin-inline:auto}.eyebrow{margin:0 0 16px;color:#00aaba;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.blog-hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#002f38 5%,#05505d 62%,#087988);color:#fff}.blog-hero:after{content:"";position:absolute;right:-110px;top:-130px;width:550px;height:550px;border:1px solid #53e4ea43;border-radius:50%;box-shadow:0 0 0 80px #4ce1ea0a,0 0 0 160px #4ce1ea07;pointer-events:none}.blog-hero .container{position:relative;z-index:1;padding-block:105px 110px}.blog-hero h1{max-width:800px;margin:0;font-size:clamp(46px,6vw,82px);line-height:1.03;letter-spacing:-.065em}.blog-hero h1 span{color:#55edf2}.blog-hero p:last-child{max-width:640px;margin:26px 0 0;color:#d1e6e8;font-size:18px;line-height:1.65}.blog-hero .eyebrow{color:#63eaf1}.blog-section{padding:85px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.section-heading p{max-width:470px;margin:0;color:var(--muted);line-height:1.6}.featured-card{display:grid;grid-template-columns:1fr 1fr;min-height:400px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--cream);box-shadow:0 24px 60px #003b4512}.featured-visual{position:relative;min-height:350px;overflow:hidden;background:radial-gradient(circle at 49% 45%,#19859b 0,#054b5d 45%,#022f3a 100%);display:grid;place-items:center}.featured-visual:before{content:"";position:absolute;inset:8%;border:1px solid #60dce45a;border-radius:50%;box-shadow:0 0 0 45px #39c3ce0d,0 0 0 90px #39c3ce0b}.featured-visual img{position:relative;z-index:1;width:min(68%,390px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 26px #001b2380)}.featured-content{padding:clamp(30px,5vw,62px);display:flex;flex-direction:column;justify-content:center}.meta{color:#168391;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.featured-content h3{max-width:510px;margin:18px 0;font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.04em}.featured-content>p{margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#007d8a;font-size:14px;font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.focus-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:46px;padding:30px 35px;border-radius:18px;background:#eaf7f8}.focus-strip h2{margin:0 0 6px;font-size:24px;letter-spacing:-.03em}.focus-strip p{margin:0;color:var(--muted);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:8px;background:#003c48;color:#fff;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.button:hover{background:#006c7b}.article-hero{padding:72px 0 65px;background:linear-gradient(145deg,#f2fbfc,#fff 68%);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 35px;color:#6e8a8f;font-size:13px}.breadcrumb a{color:#007f8d;text-decoration:none}.article-hero h1{max-width:990px;margin:13px 0 22px;font-size:clamp(40px,5.5vw,68px);line-height:1.08;letter-spacing:-.055em}.article-lead{max-width:790px;color:#3c656e;font-size:20px;line-height:1.6}.article-body{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,250px);gap:clamp(35px,6vw,100px);padding-block:65px 100px}.prose{font-size:17px;line-height:1.83;color:#2b515b}.prose h2{margin:55px 0 16px;color:#003740;font-size:clamp(27px,3vw,36px);letter-spacing:-.035em;line-height:1.2}.prose h2:first-child{margin-top:0}.prose h3{margin:30px 0 8px;color:#003740;font-size:21px}.prose p{margin:0 0 20px}.prose ul{padding-left:22px;margin:0 0 24px}.prose li{padding-left:4px;margin:8px 0}.prose a{color:#007f8d}.note{margin:34px 0;padding:25px 28px;border-left:4px solid #02b9c6;border-radius:0 12px 12px 0;background:#eefafb;color:#164c56}.article-aside{position:sticky;top:105px;align-self:start;padding:25px;border:1px solid var(--line);border-radius:15px;background:#f8fbfb}.article-aside strong{display:block;margin-bottom:14px}.article-aside a{display:block;padding:8px 0;color:#3a6770;font-size:14px;text-decoration:none}.article-aside a:hover{color:#008c9a}.article-cta{margin:0 auto 90px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:17px;background:#003942;color:#fff}.article-cta h2{margin:0 0 8px;font-size:30px;letter-spacing:-.04em}.article-cta p{max-width:590px;margin:0;color:#c9e6e7;line-height:1.6}.article-cta .button{background:#45e4e9;color:#003039}footer{padding:44px 0 30px;border-top:1px solid var(--line);background:#f7fafb;color:#44676d}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner img{width:175px}.footer-inner p{margin:13px 0 0;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:23px;font-size:13px}.footer-links a{text-decoration:none}@media(max-width:900px){.header-nav{gap:14px;font-size:12px}.logo img{width:160px}.article-body{grid-template-columns:1fr}.article-aside{display:none}}@media(max-width:680px){.header-inner{padding:10px 18px;flex-wrap:wrap;justify-content:center}.header-nav{width:100%;justify-content:center;gap:12px;flex-wrap:wrap}.header-nav .contact-link{padding:7px 12px}.container{width:min(100% - 36px,1180px)}.blog-hero .container{padding-block:74px 82px}.blog-hero h1{font-size:51px}.blog-hero p:last-child{font-size:16px}.blog-section{padding:55px 0 70px}.section-heading{display:block}.section-heading p{margin-top:13px}.featured-card{grid-template-columns:1fr}.featured-visual{min-height:270px}.featured-content{padding:30px}.focus-strip{grid-template-columns:1fr;padding:25px}.article-hero{padding:50px 0}.article-hero h1{font-size:40px}.article-lead{font-size:17px}.article-body{padding-block:43px 70px}.prose{font-size:16px}.article-cta{margin-bottom:60px;padding:28px;display:block}.article-cta .button{margin-top:22px}.footer-inner{display:block}.footer-links{margin-top:23px;gap:15px}}
:root .featured-visual{background:radial-gradient(circle at 49% 45%,#fff 0,#ecf8f9 55%,#d6eef1 100%)}
:root .featured-visual:before{border-color:#11a8b43b}
:root .featured-visual img{mix-blend-mode:multiply;filter:drop-shadow(0 22px 26px #001b232d)}
:root .featured-visual{background:radial-gradient(circle at 49% 45%,#fff 0,#ecf8f9 55%,#d6eef1 100%)} :root .featured-visual:before{border-color:#11a8b43b} :root .featured-visual img{mix-blend-mode:multiply;filter:drop-shadow(0 22px 26px #001b232d)}
.article-hero>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);column-gap:clamp(25px,4vw,60px);align-items:center}.article-hero .breadcrumb{grid-column:1/-1}.article-hero .meta{grid-column:1;grid-row:2}.article-hero h1{grid-column:1;grid-row:3;font-size:clamp(38px,4.6vw,60px)}.article-hero .article-lead{grid-column:1;grid-row:4}.article-cover{grid-column:2;grid-row:2/5;display:flex;align-items:center;justify-content:center;min-width:0;min-height:340px;margin:0;padding:20px;border:1px solid #d7edef;border-radius:20px;background:radial-gradient(circle at 50% 50%,#fff,#eaf7f8)}.article-cover img{display:block;max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}@media(max-width:900px){.article-hero>.container{display:block}.article-cover{min-height:260px;margin:28px 0 0}.article-cover img{max-height:250px}}@media(max-width:600px){.article-cover{min-height:205px;padding:12px}.article-cover img{max-height:205px}}

/* Match navigation and footer readability on the blog pages. */
.header-nav{font-size:15px;gap:clamp(14px,2vw,28px)}
.footer-inner p,.footer-links{font-size:15px;line-height:1.55}
@media(min-width:681px) and (max-width:900px){.header-nav{font-size:14px;gap:12px}}
@media(max-width:680px){.header-nav{font-size:14px}.footer-links{font-size:15px}}

.dc-whatsapp{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:50;display:grid;place-items:center;width:56px;height:56px;border:2px solid #fff;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 28px #00303942;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.dc-whatsapp:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00303958}
.dc-whatsapp:focus-visible{outline:3px solid #003c48;outline-offset:4px}
.dc-whatsapp svg{display:block;width:32px;height:32px}
@media(max-width:680px){.dc-whatsapp{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px}.dc-whatsapp svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.dc-whatsapp{transition:none}}

.blog-menu{display:none}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}
.post-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 35px #003b4510}
.post-card-image{display:grid;place-items:center;min-height:250px;padding:18px;background:radial-gradient(circle at center,#fff,#eaf7f8)}
.post-card-image img{display:block;max-width:100%;width:auto;height:auto;max-height:220px;object-fit:contain}
.post-card-copy{padding:28px}.post-card-copy h3{margin:13px 0;font-size:clamp(24px,2.5vw,32px);line-height:1.16;letter-spacing:-.04em}.post-card-copy h3 a{text-decoration:none}
.post-card-copy p{color:var(--muted);line-height:1.65}.post-card-copy .text-link{margin-top:8px}
.blog-pagination{display:flex;justify-content:center;gap:10px;margin:32px 0}.blog-pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.blog-pagination .current{background:#003c48;color:#fff}
.empty-blog{padding:45px 0;color:var(--muted);font-size:18px}
.prose img{max-width:100%;height:auto}.prose iframe{max-width:100%}.prose blockquote{margin:30px 0;padding:5px 25px;border-left:4px solid #02b9c6;background:#eefafb}
@media(max-width:680px){.header-inner{justify-content:space-between}.blog-menu{display:grid;gap:5px;place-content:center;width:42px;height:42px;border:1px solid #d4e1e3;border-radius:50%;background:#fff}.blog-menu span{display:block;width:18px;height:2px;background:#00363e}.header-nav{display:none;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:4px 0 12px}.header-nav.is-open{display:flex}.header-nav a{padding:10px 0}.header-nav .contact-link{align-self:flex-start;padding:8px 14px}.post-grid{grid-template-columns:1fr}.article-hero h1{overflow-wrap:anywhere}}