/*
Theme Name: Cocodillaa Wallpapers
Theme URI: https://cocodillaa.com/
Author: Cocodillaa
Description: Responsive dark wallpaper theme for HD, 4K and 8K wallpaper collections.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: cocodillaa-wallpapers
*/
:root{--coco-bg:#050b14;--coco-panel:#0b1626;--coco-line:#203951;--coco-text:#f4f8ff;--coco-muted:#a9bdd2;--coco-cyan:#20c8ff;--coco-blue:#267dff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--coco-bg);color:var(--coco-text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#8de7ff;text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto;display:block}.coco-wrap{width:min(1240px,92%);margin-inline:auto}
.coco-header{position:sticky;top:0;z-index:20;background:rgba(6,16,29,.96);border-bottom:1px solid #1a2e43;backdrop-filter:blur(12px)}
.coco-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.coco-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.35rem;font-weight:850;line-height:1.1}.coco-logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#16d7b1,#147cff);font-size:24px}.coco-brand small{display:block;font-size:.62rem;letter-spacing:3px;color:#9fb8d0;font-weight:650;margin-top:5px}
.coco-menu{display:flex;align-items:center;gap:22px}.coco-menu a{color:#d3e2f2;font-size:.94rem}.coco-menu a:hover{color:var(--coco-cyan)}.coco-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(110deg,#16b9ed,#277bff);color:#fff!important;font-weight:750;padding:11px 18px;cursor:pointer;text-align:center}.coco-button:hover{filter:brightness(1.12)}.coco-button-outline{border:1px solid #275171;background:#0b1b2d;border-radius:999px;padding:9px 14px;color:#dff8ff!important}
.coco-hero{background:linear-gradient(90deg,rgba(3,9,18,.96),rgba(3,9,18,.72) 55%,rgba(3,9,18,.2)),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2000&q=85') center/cover;min-height:390px;display:flex;align-items:center;border-bottom:1px solid #1b3045}.coco-hero-inner{padding:60px 0;max-width:710px}.coco-eyebrow{color:var(--coco-cyan);text-transform:uppercase;letter-spacing:3px;font-size:.8rem;font-weight:750}.coco-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.06;margin:12px 0}.coco-gradient{background:linear-gradient(90deg,#299cff,#a24dff);color:transparent;background-clip:text}.coco-hero p{max-width:620px;color:#d5e3f0;font-size:1.08rem}
.coco-search{display:flex;gap:10px;max-width:620px;margin-top:22px;padding:7px;background:#06152ce8;border:1px solid #4782b6;border-radius:999px}.coco-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:10px 14px;font:inherit}
.coco-section{padding:30px 0}.coco-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.coco-section-head h2{font-size:1.45rem;margin:0}.coco-muted{color:var(--coco-muted);font-size:.92rem}
.coco-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.coco-category{display:block;text-align:center;padding:13px 8px;background:var(--coco-panel);border:1px solid var(--coco-line);border-radius:13px;color:#dbe8f5}.coco-category:hover{border-color:var(--coco-cyan);background:#0c2639}.coco-category span{display:block;font-size:1.45rem}.coco-category strong{font-size:.83rem}
.coco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.coco-card{background:var(--coco-panel);border:1px solid var(--coco-line);border-radius:14px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.coco-card:hover{transform:translateY(-3px);border-color:#3388bd}.coco-card-image{display:block;aspect-ratio:16/10;background:#122235;overflow:hidden}.coco-card-image img{width:100%;height:100%;object-fit:cover}.coco-card-body{padding:12px}.coco-card h2,.coco-card h3{font-size:1rem;line-height:1.35;margin:0 0 4px}.coco-card p{margin:0;color:var(--coco-muted);font-size:.84rem}.coco-card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.coco-card-actions a{flex:1;font-size:.8rem;text-align:center;border:1px solid #24506d;background:#0b2032;padding:7px 9px;border-radius:8px}.coco-card-actions a:first-child{border-color:#0b9bd0}
.coco-tags{display:flex;flex-wrap:wrap;gap:9px}.coco-tag{border:1px solid var(--coco-line);border-radius:999px;padding:7px 13px;background:#0b1726;color:#bdeeff;font-size:.85rem}.coco-cta{margin:25px 0 42px;padding:28px;border:1px solid #23435f;border-radius:18px;background:radial-gradient(ellipse at top right,#123a5c,#0a1625 65%);display:flex;align-items:center;justify-content:space-between;gap:20px}.coco-cta h2{margin:0 0 6px}.coco-cta p{margin:0;color:var(--coco-muted)}
.coco-content{padding:35px 0 55px}.coco-content article,.coco-content .page-content{color:#dce8f5}.coco-content h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}.coco-content h2,.coco-content h3{color:#fff}.coco-featured-image{margin:20px 0;border:1px solid var(--coco-line);border-radius:14px;overflow:hidden}.coco-featured-image img{width:100%;max-height:600px;object-fit:cover}
.coco-download-box{margin:28px 0;padding:20px;border:1px solid #1c7898;border-radius:15px;background:linear-gradient(135deg,#0b2032,#081321)}.coco-download-box h2{margin:0 0 7px}.coco-download-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.coco-download-buttons .coco-button{border-radius:10px;min-height:46px}.coco-download-buttons .original{background:linear-gradient(110deg,#7c3aed,#2563eb)}.coco-post-meta{color:var(--coco-muted);font-size:.9rem}.coco-pagination{margin:28px 0}.coco-pagination .page-numbers{display:inline-block;padding:8px 12px;border:1px solid var(--coco-line);border-radius:8px;margin:3px}.coco-pagination .current{background:#0c6ea5;color:white}
.coco-footer{border-top:1px solid #1b3045;background:#050a12;padding:25px 0;color:var(--coco-muted)}.coco-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.coco-footer .coco-brand{font-size:1.1rem}.coco-footer-link{font-weight:750;color:#bcecff}
@media(max-width:950px){.coco-menu{gap:12px}.coco-menu a{font-size:.85rem}.coco-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.coco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.coco-nav{min-height:66px}.coco-menu{display:none}.coco-brand{font-size:1.1rem}.coco-header .coco-button-outline{font-size:.78rem;padding:8px 10px}.coco-hero{min-height:370px}.coco-hero-inner{padding:42px 0}.coco-hero h1{font-size:2.6rem}.coco-search{border-radius:15px}.coco-search input{padding:8px}.coco-search .coco-button{padding:10px 14px}.coco-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coco-grid{gap:10px}.coco-card-body{padding:9px}.coco-card-actions{flex-direction:column}.coco-cta{align-items:flex-start;flex-direction:column}}