.adikarto-archive-editorial{
width:100%;
max-width:1280px;
margin:0 auto;
padding:0 16px 48px;
} .adikarto-archive-header{
position:relative;
border-bottom:3px double var(--border-clr);
margin-bottom:32px;
padding-bottom:20px;
text-align:center;
}
.adikarto-archive-header .archive-title{
margin:0;
font-size:clamp(1.55rem,2vw,2.1rem);
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
line-height:1.15;
}
.adikarto-archive-header .archive-description{
max-width:820px;
margin:14px auto 0;
opacity:.85;
} .adikarto-archive-featured{
display:grid;
gap:18px;
margin-bottom:48px;
}
@media(min-width:769px){
.adikarto-archive-featured{
grid-template-columns:repeat(6,minmax(0,1fr));
}
} .adikarto-featured-post{
background:var(--bg-clr);
border:1px solid var(--border-clr);
box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.adikarto-featured-post:hover{
box-shadow:0 4px 12px rgba(0,0,0,.05);
}
@media(min-width:769px){
.adikarto-featured-post{
grid-column:span 3;
}
}
.adikarto-featured-post .blog-post-image img{
transition:transform .35s ease;
}
.adikarto-featured-post:hover .blog-post-image img{
transform:scale(1.03);
}
.adikarto-featured-post .blog-post-detail{
padding:28px;
}
.adikarto-featured-post .post-categories,
.adikarto-featured-post .entry-title,
.adikarto-featured-post .post-meta{
padding-inline:6px;
}
.adikarto-featured-post .blog-post-image img{
aspect-ratio:16/9;
object-fit:cover;
} .adikarto-featured-post .post-excerpt{
column-count:2;
column-gap:30px;
padding-inline:6px;
text-align:justify;
}
.adikarto-featured-post .post-excerpt::first-letter{
float:left;
font-size:2.8rem;
line-height:1;
margin-right:8px;
font-weight:700;
font-family:Georgia,"Times New Roman",serif;
}
.adikarto-newspaper-post .blog-post-image{
flex:0 0 240px;
max-width:240px;
align-self:center;
}
.blog-post-container.list-layout.adikarto-newspaper-post .blog-post-inner .blog-post-image img{
width:100%;
height:auto;
aspect-ratio:16/10;
object-fit:cover;
display:block;
} @media(max-width:480px){
.adikarto-featured-post .post-excerpt{
column-count:1;
}
} .adikarto-archive-newspaper{
margin:0 auto;
max-width:1080px;
padding:28px 34px;
background:var(--bg-clr);
border:1px solid var(--border-clr);
box-shadow:0 2px 8px rgba(0,0,0,.03);
} .adikarto-newspaper-post{
position:relative;
padding-bottom:28px;
border-bottom:1px solid var(--border-clr);
transition:.25s ease;
}
.adikarto-newspaper-post .blog-post-inner{
display:flex;
flex:1;
}
.adikarto-newspaper-post:last-child{
border-bottom:0;
padding-bottom:0;
} .adikarto-newspaper-post:hover .blog-post-image img{
transform:scale(1.04);
} .adikarto-newspaper-post .post-excerpt{
column-count:2;
column-gap:24px;
text-align:justify;
opacity:.92;
} .adikarto-newspaper-post:hover .entry-title a{
text-decoration:underline;
} @media(max-width:991px){
.adikarto-newspaper-post{
padding-bottom:22px;
}
} @media(max-width:640px){
.adikarto-archive-newspaper{
padding:18px;
}
.adikarto-newspaper-post .post-excerpt{
column-count:2;
}
.adikarto-newspaper-post .blog-post-inner{
display:flex;
flex-direction:column;
}
.adikarto-newspaper-post .blog-post-image{
width:100%;
max-width:100%;
flex:none;
margin-bottom:16px;
}
.blog-post-container.list-layout.adikarto-newspaper-post .blog-post-inner .blog-post-image img{
width:100%;
min-height:180px;
aspect-ratio:16/9;
object-fit:cover;
display:block;
transition:transform .35s ease;
}
.adikarto-newspaper-post:hover .blog-post-image img{
transform:scale(1.04);
}
}
@media(max-width:1024px){
.adikarto-archive-newspaper{
padding:24px;
}
.adikarto-newspaper-post .blog-post-inner{
display:flex;
flex-direction:column;
}
.adikarto-newspaper-post .blog-post-image{
width:100% !important;
max-width:100% !important;
flex:0 0 auto;
margin:0 0 16px;
}
.adikarto-newspaper-post .blog-post-image img{
width:100%;
height:auto;
aspect-ratio:16/9;
object-fit:cover;
display:block;
}
} .adikarto-archive-pagination{
margin:48px 0 0;
padding-top:28px;
border-top:3px double var(--border-clr);
}
.adikarto-archive-pagination .nav-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px;
}
.adikarto-archive-pagination .page-numbers{
min-width:42px;
min-height:42px;
font-weight:600;
display:inline-flex;
justify-content:center;
align-items:center;
padding:0 14px;
border:1px solid var(--border-clr);
background:var(--bg-clr);
text-decoration:none;
transition:.25s ease;
}
.adikarto-archive-pagination .page-numbers:hover{
background:var(--heading-clr);
color:#fff;
}
.adikarto-archive-pagination .page-numbers.current{
background:var(--heading-clr);
color:#fff;
font-weight:700;
} .adikarto-archive-editorial .no-results{
text-align:center;
padding:70px 20px;
border:1px solid var(--border-clr);
background:var(--bg-clr);
}
.adikarto-archive-editorial .no-results .page-title{
margin-bottom:18px;
}
.adikarto-archive-editorial .search-form{
max-width:520px;
margin:28px auto 0;
} .adikarto-archive-editorial a:hover{
text-decoration:underline;
} .adikarto-archive-editorial a:focus-visible{
outline:2px solid currentColor;
outline-offset:3px;
} .adikarto-archive-editorial ::selection{
color:#fff;
background:#222;
}
@media (max-width:1024px){
.blog-post-container.list-layout.adikarto-newspaper-post .blog-post-inner .blog-post-image{
width:100% !important;
max-width:100% !important;
}
} @media print{
.adikarto-archive-featured{
display:block;
}
.adikarto-featured-post,
.adikarto-newspaper-post{
break-inside:avoid;
page-break-inside:avoid;
}
.adikarto-archive-header{
border:none;
}
.adikarto-archive-pagination{
display:none;
}
} @media(max-width:480px){
.adikarto-archive-editorial{
padding-inline:14px;
}
.adikarto-archive-header{
margin-bottom:26px;
}
.adikarto-featured-post .blog-post-detail,
.adikarto-newspaper-post .blog-post-detail{
padding:18px;
}
.adikarto-featured-post .entry-title,
.adikarto-newspaper-post .entry-title{
line-height:1.35;
}
.adikarto-archive-pagination .page-numbers{
min-width:36px;
min-height:36px;
padding:0 10px;
}
}.adikarto-traktir-wrap {
margin: 0.75rem 0 0;
} .author-left .adikarto-traktir-wrap {
margin-top: 0.85rem;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.author-left .adikarto-traktir-btn {
white-space: nowrap;
} .entry-subtitle-row {
display: flex;
align-items: flex-start;
gap: 0.75rem;
flex-wrap: wrap;
margin-bottom: 0.5rem;
}
.entry-subtitle-row .entry-subtitle {
flex: 1 1 auto;
margin: 0;
}
.entry-subtitle-row .adikarto-traktir-wrap {
flex: 0 0 auto;
margin: 0;
} .adikarto-traktir-btn {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.55rem 1.1rem;
border: none;
border-radius: 999px;
background: #BB1919;
color: #fff;
font-weight: 600;
font-size: 0.9rem;
cursor: pointer;
box-shadow: 0 3px 10px rgba(187, 25, 25, 0.3);
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
line-height: 1.2;
white-space: nowrap;
}
.adikarto-traktir-btn:hover {
background: #9f1414;
transform: translateY(-1px);
box-shadow: 0 5px 14px rgba(187, 25, 25, 0.4);
} .entry-subtitle-row .adikarto-traktir-btn {
padding: 0.35rem 0.75rem;
font-size: 0.78rem;
gap: 0.3rem;
}
.adikarto-traktir-btn__icon {
font-size: 1rem;
}
.entry-subtitle-row .adikarto-traktir-btn__icon {
font-size: 0.9rem;
} .adikarto-traktir-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.adikarto-traktir-modal[hidden] {
display: none;
}
.adikarto-traktir-modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
}
.adikarto-traktir-modal__dialog {
position: relative;
z-index: 1;
width: 100%;
max-width: 420px;
max-height: 90vh;
overflow-y: auto;
background: #fff;
border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.adikarto-traktir-modal__close {
position: absolute;
top: 0.75rem;
right: 0.9rem;
border: none;
background: transparent;
font-size: 1.6rem;
line-height: 1;
cursor: pointer;
color: #666;
}
.adikarto-traktir-modal__title {
margin: 0 0 0.4rem;
font-size: 1.15rem;
color: #111;
}
.adikarto-traktir-modal__desc {
margin: 0 0 1rem;
font-size: 0.9rem;
color: #555;
} .adikarto-traktir-nominals {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.6rem;
margin-bottom: 1rem;
}
.adikarto-traktir-nominal {
padding: 0.65rem 0.5rem;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #f9fafb;
color: #111;
font-size: 0.85rem;
font-weight: 500;
cursor: pointer;
transition: all 0.15s ease;
}
.adikarto-traktir-nominal:hover {
border-color: #BB1919;
background: #fef2f2;
color: #BB1919;
}
.adikarto-traktir-nominal.is-selected {
border-color: #BB1919;
background: #fef2f2;
color: #BB1919;
font-weight: 600;
}
.adikarto-traktir-selected {
margin-bottom: 1rem;
padding: 0.6rem 0.8rem;
background: #fef2f2;
border-radius: 8px;
font-size: 0.9rem;
color: #111;
}
.adikarto-traktir-selected strong {
color: #BB1919;
} .adikarto-traktir-methods {
display: flex;
flex-direction: column;
gap: 1rem;
}
.adikarto-traktir-method {
padding: 0.85rem;
border: 1px solid #e5e7eb;
border-radius: 10px;
background: #fafafa;
}
.adikarto-traktir-method__title {
display: block;
margin-bottom: 0.4rem;
font-size: 0.85rem;
color: #374151;
}
.adikarto-traktir-method__row {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.adikarto-traktir-number {
flex: 1;
padding: 0.35rem 0.5rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-size: 0.9rem;
word-break: break-all;
color: #111;
}
.adikarto-traktir-copy {
padding: 0.35rem 0.7rem;
border: none;
border-radius: 6px;
background: #BB1919;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
}
.adikarto-traktir-copy:hover {
background: #9f1414;
}
.adikarto-traktir-copy.is-copied {
background: #16a34a;
}
.adikarto-traktir-qris-img {
display: block;
max-width: 220px;
width: 100%;
margin: 0.5rem auto;
border-radius: 8px;
}
.adikarto-traktir-method__bank {
margin: 0 0 0.4rem;
font-size: 0.9rem;
color: #111;
}
.adikarto-traktir-method__note {
margin: 0.4rem 0 0;
font-size: 0.85rem;
text-align: center;
}
.adikarto-traktir-method__note a {
color: #BB1919;
}
.adikarto-traktir-modal__footer-note {
margin: 1.2rem 0 0;
font-size: 0.8rem;
color: #6b7280;
text-align: center;
} @media (max-width: 600px) {
.entry-subtitle-row {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.entry-subtitle-row .adikarto-traktir-btn {
font-size: 0.75rem;
padding: 0.3rem 0.65rem;
}
.adikarto-traktir-nominals {
grid-template-columns: 1fr;
}
.author-left .adikarto-traktir-btn {
font-size: 0.8rem;
padding: 0.4rem 0.9rem;
}
.author-left .adikarto-traktir-wrap {
margin-top: 0.7rem;
}
}.site-footer {
background: #111;
color: #fff;
} .adikarto-footer-wrapper {
display: flex;
max-width: 1200px; margin: 0 auto; padding: 40px 30px;
flex-wrap: wrap; } .footer-branding {
flex: 0 1 320px; min-width: 250px;        
}
.footer-branding img {
max-width: 180px;
height: auto;
}
.footer-description {
margin-top: 15px;
color: #ccc;
line-height: 1.7;
}
.footer-social {
display: flex;
align-items: center;
gap: 12px;
list-style: none;
padding: 0;
margin: 20px 0 0;
}
.footer-social li {
margin: 0;
}
.footer-social a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
color: #fff;
font-size: 18px;
text-decoration: none;
} .footer-sections {
display: flex;
gap: 50px; margin-left: auto; flex-wrap: wrap;
}
.footer-column {
min-width: 180px; color: #fff;
}
.footer-column a {
color: #ccc;
text-decoration: none;
}
.footer-column a:hover {
color: #fff;
}
.footer-menu {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu li {
margin-bottom: 8px;
} .footer-title {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 16px;
font-size: 16px;
font-weight: 600;
color: #fff;
}
.footer-title::before {
content: "";
width: 4px;
height: 16px;
background: #fff;
border-radius: 2px;
}  @media (max-width: 1024px) {
.adikarto-footer-wrapper {
padding: 35px 25px;
}
.footer-sections {
margin-left: 0; gap: 40px;
margin-top: 20px; }
} @media (max-width: 768px) {
.adikarto-footer-wrapper {
flex-direction: column; align-items: flex-start;
gap: 30px;
padding: 30px 20px;
}
.footer-sections {
margin-left: 0;
flex-direction: column;
gap: 30px;
width: 100%;
margin-top: 0;
}
.footer-branding,
.footer-column {
max-width: 100%;
width: 100%;
}
}