/*
Theme Name: DroneFlies
Template: hello-elementor
Description: Original page-builder-free design for DroneFlies -- drone technology news and guides.
Version: 1.0.0
Author: THECOMISSION
Text Domain: droneflies
*/

:root{
	--df-sky-1:#eaf6ff;
	--df-sky-2:#cdeaff;
	--df-navy:#0b1420;
	--df-navy-2:#101d30;
	--df-blue:#0ea5e9;
	--df-blue-dark:#0369a1;
	--df-cyan:#22d3ee;
	--df-ink:#0f172a;
	--df-body:#4b5568;
	--df-muted:#8592a6;
	--df-border:#e2e9f0;
	--df-card-bg:#ffffff;
	--df-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

*{box-sizing:border-box;}
html{overflow-x:hidden;}
body{margin:0; padding:0; background:#f6fafd; color:var(--df-body); font-family:var(--df-font); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
h1,h2,h3,h4{color:var(--df-ink); margin:0 0 .5em; line-height:1.2; font-weight:800;}
p{margin:0 0 1em;}
.df-wrap{max-width:1160px; margin:0 auto; padding:0 28px;}

/* Header */
.df-header{background:#fff; border-bottom:1px solid var(--df-border); position:sticky; top:0; z-index:20;}
.df-header-inner{display:flex; align-items:center; justify-content:space-between; padding:18px 28px; max-width:1160px; margin:0 auto;}
.df-logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.25rem; color:var(--df-ink);}
.df-logo-mark{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--df-blue),var(--df-cyan)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem;}
.df-logo span{color:var(--df-blue-dark);}
.df-nav ul{list-style:none; display:flex; gap:30px; margin:0; padding:0;}
.df-nav a{font-weight:600; font-size:.94rem; color:var(--df-body);}
.df-nav a:hover{color:var(--df-blue-dark);}
.df-mobile-toggle{display:none; background:none; border:0; font-size:1.4rem; color:var(--df-ink); cursor:pointer;}
@media (max-width:760px){
	.df-mobile-toggle{display:block;}
	.df-nav{display:none; width:100%; order:3;}
	.df-nav.is-open{display:block;}
	.df-header-inner{flex-wrap:wrap;}
	.df-nav ul{flex-direction:column; gap:0;}
	.df-nav a{display:block; padding:12px 0; border-top:1px solid var(--df-border);}
}

/* Hero */
.df-hero{position:relative; overflow:hidden; background:linear-gradient(160deg, var(--df-navy) 0%, var(--df-navy-2) 55%, #0c2a44 100%); color:#fff; padding:86px 0 96px;}
.df-hero-grid{position:absolute; inset:0; opacity:.18; background-image:
	linear-gradient(rgba(34,211,238,.5) 1px, transparent 1px),
	linear-gradient(90deg, rgba(34,211,238,.5) 1px, transparent 1px);
	background-size:46px 46px; mask-image:radial-gradient(circle at 70% 30%, #000 0%, transparent 70%);}
.df-hero-glow{position:absolute; top:-120px; right:-80px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(14,165,233,.35), transparent 70%); pointer-events:none;}
.df-hero-inner{position:relative; max-width:640px;}
.df-eyebrow{display:inline-flex; align-items:center; gap:8px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.76rem; color:var(--df-cyan); margin-bottom:16px;}
.df-eyebrow .dot{width:7px; height:7px; border-radius:50%; background:var(--df-cyan); box-shadow:0 0 10px var(--df-cyan);}
.df-hero h1{color:#fff; font-size:clamp(2rem,4.4vw,2.9rem); margin-bottom:16px;}
.df-hero p.lead{color:#c7d6e6; font-size:1.06rem; max-width:520px;}

/* Post grid */
.df-section{padding:64px 0;}
.df-sec-head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:34px; gap:20px; flex-wrap:wrap;}
.df-sec-head h2{font-size:1.6rem;}
.df-sec-head .df-kicker{font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:.76rem; color:var(--df-blue-dark); margin-bottom:6px; display:block;}
.df-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.df-card{background:var(--df-card-bg); border:1px solid var(--df-border); border-radius:16px; overflow:hidden; transition:transform .2s, box-shadow .2s, border-color .2s;}
.df-card:hover{transform:translateY(-4px); box-shadow:0 20px 34px -20px rgba(14,116,233,.25); border-color:#cfe6f7;}
.df-card-img{aspect-ratio:16/10; overflow:hidden; background:var(--df-sky-2);}
.df-card-img img{width:100%; height:100%; object-fit:cover; transition:transform .35s;}
.df-card:hover .df-card-img img{transform:scale(1.05);}
.df-card-body{padding:20px 22px 24px;}
.df-card-cat{display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--df-blue-dark); background:var(--df-sky-1); padding:4px 10px; border-radius:20px; margin-bottom:12px;}
.df-card h3{font-size:1.12rem; margin-bottom:8px;}
.df-card h3 a:hover{color:var(--df-blue-dark);}
.df-card-excerpt{font-size:.92rem; color:var(--df-body); margin-bottom:0;}
.df-card-meta{margin-top:14px; font-size:.78rem; color:var(--df-muted); display:flex; align-items:center; gap:8px;}
@media (max-width:920px){ .df-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:620px){ .df-grid{grid-template-columns:1fr;} }

/* Archive hero */
.df-archive-hero{background:linear-gradient(160deg, var(--df-navy) 0%, var(--df-navy-2) 100%); color:#fff; padding:56px 0 44px;}
.df-archive-hero .df-kicker{color:var(--df-cyan);}
.df-archive-hero h1{color:#fff; font-size:2rem; margin-top:8px;}
.df-archive-hero p{color:#c7d6e6; max-width:600px;}

/* Single post */
.df-single{padding:56px 0 90px;}
.df-single-inner{max-width:760px; margin:0 auto;}
.df-single-cat{display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--df-blue-dark); background:var(--df-sky-1); padding:5px 12px; border-radius:20px; margin-bottom:16px;}
.df-single h1{font-size:2rem; margin-bottom:14px;}
.df-single-meta{font-size:.86rem; color:var(--df-muted); margin-bottom:28px;}
.df-single-thumb{border-radius:16px; overflow:hidden; margin-bottom:32px; aspect-ratio:16/9;}
.df-single-thumb img{width:100%; height:100%; object-fit:cover;}
.df-single-content{font-size:1.04rem; color:var(--df-body);}
.df-single-content h2{font-size:1.4rem; margin-top:1.6em;}
.df-single-content h3{font-size:1.15rem; margin-top:1.4em;}
.df-single-content ul,.df-single-content ol{padding-left:22px;}
.df-single-content a{color:var(--df-blue-dark); text-decoration:underline;}
.df-back{display:inline-flex; align-items:center; gap:6px; margin-top:40px; font-weight:700; font-size:.9rem; color:var(--df-blue-dark);}

/* Related */
.df-related{background:#fff; border-top:1px solid var(--df-border); padding:56px 0;}

/* Page */
.df-page{padding:64px 0 90px;}
.df-page-inner{max-width:760px; margin:0 auto;}
.df-page h1{font-size:2rem;}
.df-page-content{font-size:1.04rem;}
.df-page-content a{color:var(--df-blue-dark); text-decoration:underline;}

/* Footer */
.df-footer{background:var(--df-navy); color:#c7d6e6; padding:54px 0 30px; margin-top:0;}
.df-footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px;}
.df-footer .df-logo{color:#fff;}
.df-footer-about{color:#8fa3ba; font-size:.92rem; margin-top:14px; max-width:320px;}
.df-footer h4{color:#fff; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; margin-bottom:16px;}
.df-footer ul{list-style:none; margin:0; padding:0;}
.df-footer li{margin-bottom:10px; font-size:.92rem;}
.df-footer a:hover{color:var(--df-cyan);}
.df-footer-bottom{text-align:center; color:#5c7189; font-size:.8rem; margin-top:44px; padding-top:24px; border-top:1px solid rgba(255,255,255,.08);}
@media (max-width:760px){ .df-footer-grid{grid-template-columns:1fr; text-align:left;} }

/* 404 / empty */
.df-empty{padding:70px 0; text-align:center; color:var(--df-muted);}
.df-404{padding:110px 0; text-align:center;}
.df-404 h1{font-size:2.4rem;}