/* Arch Blog widgets: category pills, featured post, blog grid. Defaults; Elementor controls override. */

/* ---------- Category pills ---------- */
.arch-bp{display:flex;flex-wrap:wrap;gap:12px}
.arch-bp a{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #011826;border-radius:6px;background:transparent;color:#011826;font:500 12px/16px Roboto,sans-serif;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s}
.arch-bp a:hover{border-color:#B59E5F;color:#B59E5F}
.arch-bp a.is-active{background:#B59E5F;border-color:#B59E5F;color:#fff}

/* ---------- Featured post ---------- */
.arch-bf{display:flex;align-items:center;gap:60px}
.arch-bf-img{position:relative;flex:0 0 51%;height:380px;border-radius:12px;overflow:hidden;background:#D8D2C6;display:block}
.arch-bf-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.arch-bf:hover .arch-bf-img img{transform:scale(1.04)}
.arch-bf-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.arch-bf-cat,.arch-bf-excerpt,.arch-bf-meta{margin:0}
.arch-bf-cat{font:600 13px/20px Roboto,sans-serif;color:#B59E5F;letter-spacing:.8px;text-transform:uppercase}
.arch-bf-title{margin:0;font:500 48px/58px Roboto,sans-serif;color:#000;text-transform:uppercase}
.arch-bf-title a{color:inherit;text-decoration:none;transition:color .28s}
.arch-bf-title a:hover{color:#B59E5F}
.arch-bf-excerpt{font:400 16px/26px Montserrat,sans-serif;color:#4A473F}
.arch-bf-meta{font:400 13px/20px Montserrat,sans-serif;color:#B59E5F}
.arch-bf-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font:500 15px/1 Roboto,sans-serif;color:#B59E5F;text-decoration:none}
.arch-bf-link svg{width:1.15em;height:1.15em;transition:transform .2s}
.arch-bf-link:hover svg{transform:translateX(3px)}
@media(max-width:900px){.arch-bf{flex-direction:column;align-items:stretch;gap:28px}.arch-bf-img{flex:none;height:260px}.arch-bf-title{font-size:32px;line-height:40px}}

/* ---------- Blog grid + card ---------- */
.arch-bg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media(max-width:1024px){.arch-bg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.arch-bg{grid-template-columns:1fr}}
.arch-bc{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #B59E5F;border-radius:8px;box-shadow:0 2px 1px rgba(0,0,0,.08);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
.arch-bc:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(1,24,38,.12)!important}
.arch-bc-img{position:relative;flex-shrink:0;height:220px;overflow:hidden;background:#D8D2C6}
.arch-bc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.arch-bc:hover .arch-bc-img img{transform:scale(1.04)}
.arch-bc-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:32px}
.arch-bc-cat,.arch-bc-title{margin:0}
.arch-bc-cat{font:600 16px/24px Roboto,sans-serif;color:#B59E5F;letter-spacing:.8px}
.arch-bc-title{font:500 20px/28px Roboto,sans-serif;color:#011826}
.arch-bc-title a{color:inherit;text-decoration:none}
.arch-bc-title a::after{content:"";position:absolute;inset:0;z-index:1} /* whole card is clickable */
.arch-bc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:16px;border-top:1px solid #E8D6B3;font:400 13px/20px Montserrat,sans-serif;color:#6E6E6E}
.arch-bc-date,.arch-bc-read{display:inline-flex;align-items:center;gap:6px}
.arch-bg--no-cat .arch-bc-cat,.arch-bg--no-meta .arch-bc-meta{display:none}
.arch-bg-empty{padding:40px;text-align:center;border:1px dashed #B59E5F;border-radius:8px;color:#4A473F;font:400 16px/26px Montserrat,sans-serif}

/* comfortable tap area for the featured post link */
.arch-bf-link{padding:8px 0}