/* Hamidiye Blog & Artikelen 1.0.0. Does not change the existing theme or logo. */
.hba-blog,
.hba-article-content {
  --hba-brand:var(--hws-brand-dark,#383b4b);
  --hba-accent:var(--hws-accent,#bb8655);
  --hba-text:var(--hws-ink,#292d35);
  --hba-muted:var(--hws-muted,#696e77);
  --hba-border:var(--hws-line,#e6e3e1);
  --hba-paper:var(--hws-paper,#faf9f7);
  font-family:inherit;
  color:var(--hba-text);
}
.hba-blog *,.hba-article-content *{box-sizing:border-box}
.hba-blog{max-width:1260px;margin:0 auto 35px;line-height:1.65}
.hba-blog :is(a,a:hover){text-decoration:none}
.hba-blog a:focus-visible,.hba-article-content a:focus-visible,.hba-blog :is(button,input,select):focus-visible{outline:3px solid var(--hba-accent);outline-offset:3px}
.hba-blog .hba-hero{background:var(--hba-brand);border-radius:18px;padding:clamp(33px,6vw,78px) clamp(26px,6.5vw,82px);position:relative;display:flex;align-items:center;overflow:hidden;min-height:385px;color:#fff}
.hba-hero-content{position:relative;z-index:2;max-width:690px}
.hba-blog .hba-eyebrow{font-size:11px;font-weight:780;letter-spacing:.19em;color:var(--hba-accent)}
.hba-blog .hba-hero-eyebrow{color:#fff;display:flex;gap:12px;align-items:center;letter-spacing:.11em}
.hba-eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--hba-accent)}
.hba-eyebrow-separator{opacity:.45}
.hba-blog .hba-hero h1{color:#fff!important;font-size:clamp(2.2rem,4.75vw,4.5rem);line-height:1.12;letter-spacing:-.048em;max-width:660px;margin:25px 0 18px;font-weight:740}
.hba-blog .hba-hero h1 em,.hba-blog .hba-intro h2 em,.hba-blog .hba-end-note p em{font-family:Georgia,serif;font-weight:400;color:var(--hba-accent)}
.hba-blog .hba-hero p{color:#f0f0f4;opacity:.91;font-size:1.05rem;max-width:535px;margin:0 0 26px;line-height:1.8}
.hba-blog .hba-hero-action{color:var(--hba-brand)!important;display:inline-flex;align-items:center;gap:30px;background:#fff;border-radius:8px;padding:12px 20px;font-weight:750;font-size:14px}
.hba-blog .hba-hero-action:hover{background:var(--hba-paper)}
.hba-hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hba-hero-art .hba-ring{position:absolute;width:340px;height:340px;border:1px solid #ffffff24;border-radius:50%;right:-110px;top:-160px}
.hba-hero-art .hba-ring-two{right:-45px;top:-90px;width:215px;height:215px;box-shadow:0 0 0 56px #ffffff08,0 0 0 108px #ffffff06}
.hba-art-mark{font-family:Georgia,serif;font-size:300px;line-height:1;position:absolute;right:20px;bottom:-110px;color:#ffffff0d}
.hba-art-caption{position:absolute;right:44px;bottom:35px;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom;font-size:10px;letter-spacing:.25em;color:#ffffff74}
.hba-main{padding:55px clamp(2px,3vw,26px) 28px;scroll-margin-top:85px}
.hba-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}
.hba-blog .hba-intro h2{font-size:clamp(1.95rem,3.4vw,3rem);line-height:1.2;font-weight:720;letter-spacing:-.045em;margin:9px 0 8px;color:var(--hba-brand)}
.hba-intro p{color:var(--hba-muted);margin:0!important;font-size:15px}
.hba-intro-count{white-space:nowrap;color:var(--hba-muted);font-size:13px;background:var(--hba-paper);border:1px solid var(--hba-border);border-radius:25px;padding:8px 16px}
.hba-admin-note{border-radius:9px;background:color-mix(in srgb,var(--hba-accent) 10%, white);border:1px solid color-mix(in srgb,var(--hba-accent) 32%, white);padding:13px 17px;margin-bottom:22px;font-size:14px;line-height:1.5}
.hba-admin-note a{color:var(--hba-brand)!important;text-decoration:underline!important}
.hba-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--hba-border);padding:15px 17px;border-radius:12px;margin-bottom:28px;box-shadow:0 6px 18px #00000005}
.hba-filter-wrap{min-width:210px;flex:0 1 250px}
.hba-select-label{display:block;font-size:11px;letter-spacing:.075em;color:var(--hba-muted);text-transform:uppercase;margin-bottom:5px;font-weight:750}
.hba-blog :is(select,input[type="search"]){border:1px solid var(--hba-border)!important;border-radius:7px!important;background:#fff!important;color:var(--hba-text)!important;box-shadow:none!important;line-height:1.35!important;padding:11px 13px!important;font:inherit!important;font-size:14px!important;width:100%;max-width:100%}
.hba-search-wrap{min-width:220px;flex:1}
.hba-filter-button{min-height:45px!important;border-radius:7px!important;background:var(--hba-brand)!important;color:#fff!important;border:1px solid var(--hba-brand)!important;font:inherit!important;font-size:14px!important;font-weight:750!important;cursor:pointer!important;padding:10px 19px!important;display:flex;align-items:center;gap:22px;line-height:1.3!important}
.hba-filter-button:hover{opacity:.9}
.hba-clear{font-size:13px;color:var(--hba-brand)!important;align-self:center;font-weight:600}
.hba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.hba-card{border-radius:14px;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--hba-border);box-shadow:0 10px 30px #2126340b;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.hba-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px #2126341b}
.hba-card-cover{display:block;aspect-ratio:1.67;position:relative;overflow:hidden;background:var(--hba-paper)}
.hba-card-image{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;transition:transform .3s}
.hba-card:hover .hba-card-image{transform:scale(1.04)}
.hba-illustration{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(128deg,color-mix(in srgb,var(--hba-brand) 12%,white),color-mix(in srgb,var(--hba-accent) 23%,white));color:var(--hba-brand);overflow:hidden}
.hba-card:nth-child(3n+2) .hba-illustration{background:linear-gradient(135deg,color-mix(in srgb,var(--hba-accent) 30%,white),color-mix(in srgb,var(--hba-brand) 11%,white))}
.hba-card:nth-child(3n+3) .hba-illustration{background:linear-gradient(135deg,color-mix(in srgb,var(--hba-brand) 21%,white),color-mix(in srgb,var(--hba-accent) 10%,white))}
.hba-illustration-circle{position:absolute;right:-12%;top:-34%;border:2px solid color-mix(in srgb,var(--hba-brand) 15%,transparent);border-radius:50%;width:75%;aspect-ratio:1;box-shadow:0 0 0 28px #ffffff35,0 0 0 55px #ffffff1e}
.hba-illustration-letter{font-size:clamp(84px,10vw,155px);line-height:1;font-family:Georgia,serif;color:color-mix(in srgb,var(--hba-brand) 78%,white);letter-spacing:-.09em;opacity:.7}
.hba-illustration-line{position:absolute;bottom:14%;left:13%;width:75px;height:3px;background:var(--hba-accent)}
.hba-draft-label{position:absolute;top:12px;left:12px;background:#fff;color:var(--hba-brand);font-size:11px;padding:6px 10px;border-radius:5px;font-weight:800;box-shadow:0 5px 12px #00000012}
.hba-card-body{padding:25px 25px 23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.hba-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:0 0 16px;color:var(--hba-muted);font-size:12px}
.hba-category{background:color-mix(in srgb,var(--hba-accent) 14%,white);color:var(--hba-brand);padding:5px 10px;border-radius:5px;font-weight:740;font-size:11px;line-height:1.5}
.hba-blog .hba-card-title{font-size:1.35rem;font-weight:740;line-height:1.27;color:var(--hba-brand);margin:0 0 13px;letter-spacing:-.025em}
.hba-card-title a{color:inherit!important}
.hba-card-title a:hover{color:var(--hba-accent)!important}
.hba-card-excerpt{color:var(--hba-muted);font-size:14px;line-height:1.75;margin:0 0 20px!important}
.hba-card-link{margin-top:auto;display:inline-flex;gap:13px;align-items:center;color:var(--hba-brand)!important;font-size:13px;font-weight:820;letter-spacing:.005em}
.hba-card-link span{font-size:20px}
.hba-card-featured{grid-column:span 2;display:grid;grid-template-columns:1.07fr 1fr;background:var(--hba-paper)}
.hba-card-featured .hba-card-cover{aspect-ratio:auto;min-height:340px}
.hba-card-featured .hba-card-body{justify-content:center;padding:clamp(22px,3.2vw,42px)}
.hba-blog .hba-card-featured .hba-card-title{font-size:clamp(1.6rem,2.5vw,2.25rem)}
.hba-empty{padding:55px 22px;text-align:center;border:1px dashed var(--hba-border);border-radius:12px;background:var(--hba-paper)}
.hba-empty-icon{font-size:27px;color:var(--hba-accent)}
.hba-blog .hba-empty h3{margin:5px 0 7px;color:var(--hba-brand);font-size:22px}
.hba-empty p{margin:0;color:var(--hba-muted)}
.hba-pagination{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;margin:36px 0}
.hba-pagination .page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:36px;min-height:38px;border:1px solid var(--hba-border);border-radius:7px;color:var(--hba-brand)!important;font-size:13px;font-weight:730;padding:7px 12px}
.hba-pagination .page-numbers.current{color:#fff!important;background:var(--hba-brand);border-color:var(--hba-brand)}
.hba-end-note{background:color-mix(in srgb,var(--hba-accent) 8%,white);border:1px solid var(--hba-border);padding:30px clamp(25px,5vw,55px);border-radius:13px;position:relative;overflow:hidden;margin-top:40px}
.hba-end-label{color:var(--hba-brand);font-size:11px;letter-spacing:.18em;font-weight:800}
.hba-blog .hba-end-note p{font-size:clamp(1.55rem,2.5vw,2.4rem);line-height:1.23;font-weight:680;margin:8px 0 0;color:var(--hba-brand);letter-spacing:-.03em}
.hba-end-decoration{position:absolute;right:38px;top:2px;font-size:95px;font-family:Georgia,serif;color:color-mix(in srgb,var(--hba-accent) 28%,transparent);line-height:1.2}
.hba-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Article content: keep theme and existing logo, add navigation and metadata only. */
.hba-single-page .hba-article-content{max-width:890px;margin:auto}
.hba-article-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--hba-muted);margin:0 0 25px}
.hba-article-draft{padding:5px 9px;border:1px solid var(--hba-border);border-radius:6px}
.hba-single-page .hba-article-content :is(p,ul,ol){line-height:1.85}
.hba-single-page .hba-article-content :is(h2,h3){color:var(--hba-brand);letter-spacing:-.025em;margin-top:1.5em}
.hba-single-page .hba-article-content figure img{border-radius:9px}
.hba-article-bottom{border-top:1px solid var(--hba-border);margin-top:37px;padding-top:24px}
.hba-article-bottom .hba-back-link{display:inline-flex;border-radius:7px;background:var(--hba-brand);color:#fff!important;padding:12px 20px;text-decoration:none!important;font-size:14px;font-weight:730}
.hba-article-bottom .hba-back-link:hover{opacity:.9}
/* Avoid duplicate page title from most classic and block themes on the generated index only. */
body.hba-blog-page :is(.entry-header,.page-header):has(.entry-title),
body.hba-blog-page .wp-block-post-title{display:none!important}
body.hba-blog-page.hws-design.hws-content :is(.entry-content,.wp-block-post-content):has(.hba-blog){max-width:none;border:0;box-shadow:none;background:transparent;padding:0}
@media(max-width:980px){.hba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hba-card-featured{grid-column:span 2}.hba-art-caption{display:none}}
@media(max-width:680px){.hba-blog .hba-hero{padding:46px 24px;min-height:350px}.hba-art-mark{font-size:230px;right:-20px;bottom:-75px}.hba-blog .hba-hero h1{max-width:460px}.hba-main{padding:39px 2px 20px}.hba-intro{align-items:start;flex-direction:column}.hba-filters{padding:13px;gap:10px}.hba-filter-wrap,.hba-search-wrap{flex-basis:100%;min-width:0}.hba-filter-button{width:100%;justify-content:center}.hba-grid{grid-template-columns:1fr;gap:17px}.hba-card-featured{grid-column:auto;display:flex;flex-direction:column}.hba-card-featured .hba-card-cover{aspect-ratio:1.67;min-height:0}.hba-card-featured .hba-card-body{padding:25px}.hba-end-decoration{display:none}}