/* single.css - Halaman artikel tunggal dwshop.solacewp.com
   Dimuat hanya di single post lewat functions.php child theme.
   Template: single.php. Acuan tampilan: darrelwilson.com */

.dw-single{--dw-brand:var(--e-global-color-accent,#D02920);--dw-brand-hover:#8A140C;--dw-heading:var(--e-global-color-primary,#12141A);--dw-text:#3E434B;--dw-text-light:#8C9096;--dw-border:#E6E9F0;--dw-bg:#F2F3F6;--dw-card:#FFF;--dw-radius:16px;--dw-shadow:0 2px 10px rgba(18,20,26,.06);--dw-shadow-hover:0 14px 34px rgba(18,20,26,.13);--dw-w:820px;background:var(--dw-bg);padding:38px 20px 64px;color:var(--dw-text)}
.dw-single__article{max-width:var(--dw-w);margin:0 auto}

/* Hero + judul + meta */
.dw-single__head{background:var(--dw-card);border-radius:var(--dw-radius);box-shadow:var(--dw-shadow);padding:18px 18px 26px;margin-bottom:26px}
.dw-single__hero{position:relative;margin:0 0 22px;border-radius:12px;overflow:hidden;line-height:0}
.dw-single__heroimg{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}
.dw-single__heroLike{position:absolute;right:14px;bottom:14px}
.dw-single .dw-chip--likes .pixfort-likes{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--dw-heading);font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.dw-single__title{margin:0 8px 16px;padding:0 0 0 0;font-size:clamp(26px,3.6vw,40px);line-height:1.22;font-weight:700;color:var(--dw-heading);letter-spacing:-.01em}
.dw-single__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 8px}
.dw-single .dw-meta__author{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--dw-heading)}
.dw-meta__avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;object-fit:cover}
.dw-meta__avatar--initial{background:var(--dw-brand);color:#fff;font-size:14px;font-weight:700;line-height:1}
.dw-meta__name{font-size:14px;font-weight:700}
.dw-single .dw-meta__author:hover .dw-meta__name{color:var(--dw-brand)}
.dw-meta__cats{display:inline-flex;flex-wrap:wrap;gap:6px}
.dw-single .dw-badge{display:inline-block;padding:5px 11px;border-radius:6px;background:rgba(208,41,32,.09);color:var(--dw-brand);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .2s ease,color .2s ease}
.dw-single .dw-badge:hover{background:var(--dw-brand);color:#fff}
.dw-meta__date{display:inline-flex;align-items:center;gap:6px;color:var(--dw-text-light);font-size:13px;font-weight:600}

/* Isi artikel */
.dw-single__content{background:var(--dw-card);border-radius:var(--dw-radius);box-shadow:var(--dw-shadow);padding:34px 40px 40px;font-size:17px;line-height:1.78;color:var(--dw-text);overflow-wrap:break-word}
.dw-single__content > *:first-child{margin-top:0}
.dw-single__content > *:last-child{margin-bottom:0}
.dw-single__content p{margin:0 0 1.35em}
.dw-single__content h1,.dw-single__content h2,.dw-single__content h3,.dw-single__content h4,.dw-single__content h5,.dw-single__content h6{color:var(--dw-heading);font-weight:700;line-height:1.3;margin:1.9em 0 .6em}
.dw-single__content h2{font-size:clamp(22px,2.6vw,29px)}
.dw-single__content h3{font-size:clamp(19px,2.2vw,23px)}
.dw-single__content h4{font-size:18px}
.dw-single__content a{color:var(--dw-brand);text-decoration:underline;text-underline-offset:2px}
.dw-single__content a:hover{color:var(--dw-brand-hover)}
.dw-single__content strong,.dw-single__content b{color:var(--dw-heading);font-weight:700}
.dw-single__content ul,.dw-single__content ol{margin:0 0 1.35em;padding-left:1.4em}
.dw-single__content li{margin-bottom:.55em}
.dw-single__content ul{list-style:disc}
.dw-single__content ol{list-style:decimal}
.dw-single__content img{max-width:100%;height:auto;border-radius:10px;display:block}
.dw-single__content figure{margin:1.8em 0}
.dw-single__content figcaption,.dw-single__content .wp-caption-text{margin-top:.7em;font-size:13.5px;font-style:italic;color:var(--dw-text-light);text-align:center}
.dw-single__content blockquote{margin:1.8em 0;padding:16px 22px;border-left:4px solid var(--dw-brand);background:#FAFBFC;border-radius:0 10px 10px 0;font-style:italic}
.dw-single__content blockquote p:last-child{margin-bottom:0}
.dw-single__content code{background:#F2F3F6;padding:2px 6px;border-radius:5px;font-size:.9em}
.dw-single__content pre{background:#14161B;color:#E8EAED;padding:18px 20px;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.65;margin:1.6em 0}
.dw-single__content pre code{background:transparent;padding:0;color:inherit}
.dw-single__content hr{border:0;border-top:1px solid var(--dw-border);margin:2.2em 0}
.dw-single__content iframe,.dw-single__content video{max-width:100%;border-radius:12px}
.dw-single__content .wp-block-embed__wrapper{position:relative}

/* Tabel perbandingan */
.dw-single__content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:15px;display:block;overflow-x:auto;white-space:nowrap}
.dw-single__content table th,.dw-single__content table td{border:1px solid var(--dw-border);padding:11px 14px;text-align:left;vertical-align:middle}
.dw-single__content table th{background:#F2F3F6;color:var(--dw-heading);font-weight:700}
.dw-single__content table tr:nth-child(even) td{background:#FAFBFC}

/* Kotak penulis */
.dw-authorbox{display:flex;gap:20px;align-items:flex-start;background:var(--dw-card);border-radius:var(--dw-radius);box-shadow:var(--dw-shadow);padding:26px 30px;margin-top:26px}
.dw-authorbox__img{width:76px;height:76px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;flex:none}
.dw-authorbox__img--initial{background:var(--dw-brand);color:#fff;font-size:30px;font-weight:700;line-height:1}
.dw-authorbox__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px}
.dw-single .dw-authorbox__name{color:var(--dw-heading);font-size:17px;font-weight:700;text-decoration:none}
.dw-single .dw-authorbox__name:hover{color:var(--dw-brand)}
.dw-single .dw-authorbox__site{color:var(--dw-brand);font-size:13px;font-weight:600;text-decoration:none}
.dw-authorbox__bio{margin:0;font-size:14.5px;line-height:1.7;color:var(--dw-text)}
.dw-authorbox__bio strong{color:var(--dw-heading)}

/* Tombol share */
.dw-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dw-single .dw-share__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s ease,filter .2s ease}
.dw-single .dw-share__btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.dw-share__btn--fb{background:#1877F2}
.dw-share__btn--x{background:#14171A}

/* Judul seksi */
.dw-single .dw-section__title{margin:0 0 16px;font-size:22px;font-weight:700;color:var(--dw-heading)}

/* Navigasi artikel */
.dw-postnav{margin-top:38px}
.dw-postnav__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.dw-single .dw-postnav__item{display:flex;flex-direction:column;gap:7px;background:var(--dw-card);border-radius:12px;box-shadow:var(--dw-shadow);padding:18px 20px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.dw-single .dw-postnav__item:hover{transform:translateY(-3px);box-shadow:var(--dw-shadow-hover)}
.dw-postnav__item--next{text-align:right}
.dw-postnav__label{color:var(--dw-brand);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.dw-postnav__title{color:var(--dw-heading);font-size:15px;font-weight:700;line-height:1.4}

/* Artikel terkait */
.dw-related{margin-top:38px}
.dw-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.dw-rcard{background:var(--dw-card);border-radius:14px;box-shadow:var(--dw-shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.dw-rcard:hover{transform:translateY(-4px);box-shadow:var(--dw-shadow-hover)}
.dw-rcard__media{display:block;line-height:0;overflow:hidden}
.dw-rcard__img{display:block;width:100%;height:150px;object-fit:cover;transition:transform .5s ease}
.dw-rcard__img--empty{background:linear-gradient(135deg,#E9ECF2,#D8DDE6)}
.dw-rcard:hover .dw-rcard__img{transform:scale(1.06)}
.dw-rcard__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.dw-single .dw-rcard__title{margin:0;font-size:15px;font-weight:700;line-height:1.4}
.dw-single .dw-rcard__title a{color:var(--dw-heading);text-decoration:none}
.dw-single .dw-rcard__title a:hover{color:var(--dw-brand)}
.dw-rcard__date{color:var(--dw-text-light);font-size:12.5px;font-weight:600}

/* Komentar */
.dw-comments{background:var(--dw-card);border-radius:var(--dw-radius);box-shadow:var(--dw-shadow);padding:28px 32px;margin-top:32px}
.dw-comments input[type=text],.dw-comments input[type=email],.dw-comments input[type=url],.dw-comments textarea{width:100%;padding:11px 14px;border:1px solid var(--dw-border);border-radius:9px;font-size:15px;background:#fff}
.dw-comments input[type=submit],.dw-comments .submit{background:var(--dw-brand);color:#fff;border:0;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer}
.dw-comments ol,.dw-comments ul{list-style:none;padding-left:0}

/* Responsif */
@media (max-width:820px){
.dw-single{padding:24px 14px 46px}
.dw-single__head{padding:12px 12px 20px}
.dw-single__title{margin:0 4px 14px}
.dw-single__meta{margin:0 4px}
.dw-single__content{padding:24px 20px 28px;font-size:16px}
.dw-authorbox{flex-direction:column;align-items:center;text-align:center;padding:24px 20px}
.dw-authorbox__links{justify-content:center}
.dw-postnav__item--next{text-align:left}
.dw-comments{padding:22px 18px}
}