/* Digirank Toolkit — block content styles (frontend + editor preview). */

/* ---------- Advanced tab: animation + responsive hiding ---------- */
.drk-anim{opacity:0;}
.drk-anim.drk-in{opacity:1;transition:opacity var(--drk-dur,600ms) ease,transform var(--drk-dur,600ms) ease;}
.drk-anim-slide{transform:translateY(26px);}
.drk-anim-slide.drk-in{transform:none;}
@media (prefers-reduced-motion: reduce){.drk-anim{opacity:1 !important;transform:none !important;}}
@media (min-width:1025px){.drk-hide-desktop{display:none !important;}}
@media (min-width:768px) and (max-width:1024px){.drk-hide-tablet{display:none !important;}}
@media (max-width:767px){.drk-hide-mobile{display:none !important;}}

/* ---------- Generic slider ---------- */
.drk-slider{position:relative;display:flex;align-items:center;gap:8px;min-width:0;--drk-gap:16px;}
.drk-track{display:flex;gap:var(--drk-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:4px 2px;}
.drk-track::-webkit-scrollbar{display:none;}
.drk-track .drk-card{flex:0 0 calc((100% - (var(--drk-pv,3) - 1)*var(--drk-gap))/var(--drk-pv,3));scroll-snap-align:start;min-width:0;}
.drk-block .drk-nav{flex:0 0 36px !important;width:36px !important;height:36px !important;min-width:36px !important;max-width:36px !important;padding:0 !important;margin:0 !important;border-radius:50% !important;border:1px solid rgba(128,128,128,0.35) !important;background:#fff !important;color:#1a1a1a !important;box-shadow:none !important;font-size:0 !important;line-height:1 !important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease;}
.drk-block .drk-nav svg{display:block;}
.drk-block .drk-nav:hover{box-shadow:0 4px 12px rgba(128,128,128,0.3) !important;}
.drk-theme-dark .drk-nav{background:#1e1e1e !important;color:#fff !important;}
@media (max-width:900px){.drk-track{--drk-pv:2;}}
@media (max-width:640px){.drk-track{--drk-pv:1;}.drk-block .drk-nav{display:none;}}

/* ---------- Before / After ---------- */
.drk-ba{position:relative;overflow:hidden;line-height:0;max-width:100%;}
.drk-ba img{margin:0;}
.drk-ba-after{display:block;width:100%;height:auto;}
.drk-ba-top{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--drk-pos,50%)) 0 0);}
.drk-ba-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.drk-ba-handle{position:absolute;top:0;bottom:0;left:var(--drk-pos,50%);width:3px;background:var(--drk-handle,#E8A52D);transform:translateX(-50%);pointer-events:none;}
.drk-ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--drk-handle,#E8A52D);color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.drk-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;}
.drk-ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:100%;}
.drk-ba-range::-moz-range-thumb{width:44px;height:9999px;border:none;background:transparent;}
.drk-ba-label{position:absolute;top:12px;padding:4px 12px;border-radius:14px;background:rgba(0,0,0,0.55);color:#fff;font-size:13px;line-height:1.4;pointer-events:none;}
.drk-ba-label-l{left:12px;}
.drk-ba-label-r{right:12px;}

/* ---------- Pricing ---------- */
.drk-pricing{display:grid;grid-template-columns:repeat(var(--drk-cols,3),1fr);gap:var(--drk-gap,20px);align-items:stretch;}
.drk-pricing,.drk-pricing *{box-sizing:border-box;}
.drk-plan{position:relative;display:flex;flex-direction:column;background:var(--drk-card-bg,#fff);border:1px solid rgba(128,128,128,0.25);border-radius:var(--drk-radius,10px);padding:26px 22px;text-align:center;color:#1a1a1a;}
.drk-theme-dark .drk-plan{background:var(--drk-card-bg,#1e1e1e);color:#fff;border-color:rgba(255,255,255,0.12);}
.drk-plan-hl{border:2px solid var(--drk-accent,#E8A52D);box-shadow:0 10px 28px rgba(0,0,0,0.12);}
@media (min-width:901px){.drk-plan-hl{transform:scale(1.04);z-index:1;}}
.drk-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--drk-accent,#E8A52D);color:#1a1a1a;font-size:12px;font-weight:700;padding:4px 14px;border-radius:14px;white-space:nowrap;}
.drk-plan-name{font-size:var(--drk-name-size,20px);font-weight:var(--drk-name-weight,700);margin-bottom:10px;}
.drk-plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:16px;}
.drk-plan-prefix{font-size:calc(var(--drk-price-size,38px)*0.55);font-weight:600;}
.drk-plan-amount{font-size:var(--drk-price-size,38px);font-weight:800;line-height:1;}
.drk-plan-period{font-size:14px;opacity:.65;margin-left:3px;}
.drk-plan-feats{list-style:none;margin:0 0 20px;padding:0;flex:1;}
.drk-plan-feats li{padding:7px 0;border-bottom:1px solid rgba(128,128,128,0.15);font-size:14.5px;}
.drk-plan-feats li:last-child{border-bottom:none;}
.drk-block a.drk-plan-btn{display:block;background:var(--drk-accent,#E8A52D);color:#1a1a1a !important;text-decoration:none !important;font-weight:700;padding:12px 18px;border-radius:8px;transition:box-shadow .2s ease,transform .15s ease;}
.drk-block a.drk-plan-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,0.18);transform:translateY(-1px);}
@media (max-width:900px){.drk-pricing{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.drk-pricing{grid-template-columns:1fr;}}

/* ---------- Timeline ---------- */
.drk-timeline{position:relative;}
.drk-tl-item{position:relative;display:flex;gap:18px;padding-bottom:var(--drk-gap,28px);}
.drk-tl-item:last-child{padding-bottom:0;}
.drk-tl-item::before{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;background:var(--drk-line,rgba(128,128,128,0.3));}
.drk-tl-item:last-child::before{display:none;}
.drk-tl-marker{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--drk-marker-bg,#E8A52D);color:var(--drk-marker-color,#1a1a1a);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;z-index:1;}
.drk-tl-body{flex:1;min-width:0;background:var(--drk-item-bg,transparent);border-radius:var(--drk-radius,8px);padding:var(--drk-item-pad,0);}
.drk-tl-body[style],.drk-timeline[style*="--drk-item-bg"] .drk-tl-body{padding:14px 16px;}
.drk-tl-sub{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-bottom:2px;}
.drk-tl-title{margin:0 0 6px !important;font-size:var(--drk-title-size,19px);color:var(--drk-title-color,inherit);line-height:1.35;}
.drk-tl-desc{font-size:var(--drk-desc-size,15px);color:var(--drk-desc-color,inherit);opacity:.85;line-height:1.55;}

/* ---------- Posts slider ---------- */
.drk-posts .drk-post{background:#fff;border:1px solid rgba(128,128,128,0.2);border-radius:var(--drk-radius,10px);overflow:hidden;display:flex;flex-direction:column;color:#1a1a1a;}
.drk-posts.drk-theme-dark .drk-post{background:#1e1e1e;color:#fff;border-color:rgba(255,255,255,0.12);}
.drk-post-img{display:block;line-height:0;}
.drk-post-img img{width:100%;height:190px;object-fit:cover;margin:0;}
.drk-post-body{padding:16px 18px;display:flex;flex-direction:column;flex:1;}
.drk-post-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px;}
.drk-post-cat{background:var(--drk-accent,#E8A52D);color:#1a1a1a;font-weight:600;padding:2px 10px;border-radius:12px;}
.drk-post-date{opacity:.6;}
.drk-post-title{margin:0 0 8px !important;font-size:18px;line-height:1.35;}
.drk-block .drk-post-title a{color:inherit !important;text-decoration:none !important;}
.drk-block .drk-post-title a:hover{color:var(--drk-accent,#E8A52D) !important;}
.drk-post-excerpt{font-size:14.5px;opacity:.8;line-height:1.55;flex:1;}
.drk-block a.drk-post-more{margin-top:12px;font-size:14px;font-weight:600;color:var(--drk-accent,#E8A52D) !important;text-decoration:none !important;}
.drk-block a.drk-post-more:hover{text-decoration:underline !important;}

/* ---------- Team ---------- */
.drk-team .drk-grid{display:grid;grid-template-columns:repeat(var(--drk-cols,3),1fr);gap:20px;}
.drk-member{background:#fff;border:1px solid rgba(128,128,128,0.2);border-radius:var(--drk-radius,12px);padding:26px 20px;text-align:center;color:#1a1a1a;}
.drk-team.drk-theme-dark .drk-member{background:#1e1e1e;color:#fff;border-color:rgba(255,255,255,0.12);}
.drk-member-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;border:3px solid var(--drk-accent,#E8A52D);}
.drk-member-initial{display:flex;align-items:center;justify-content:center;background:var(--drk-accent,#E8A52D);color:#1a1a1a;font-size:40px;font-weight:700;}
.drk-member-name{font-size:var(--drk-name-size,18px);color:var(--drk-name-color,inherit);font-weight:700;}
.drk-member-role{font-size:var(--drk-role-size,14px);color:var(--drk-role-color,inherit);opacity:.7;margin-top:2px;}
.drk-member-bio{font-size:var(--drk-bio-size,14px);color:var(--drk-bio-color,inherit);opacity:.8;line-height:1.55;margin-top:10px;}
.drk-member-socs{display:flex;justify-content:center;gap:10px;margin-top:14px;}
.drk-block a.drk-member-soc{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(128,128,128,0.3);color:inherit !important;text-decoration:none !important;transition:all .2s ease;}
.drk-block a.drk-member-soc:hover{background:var(--drk-accent,#E8A52D);color:#1a1a1a !important;border-color:var(--drk-accent,#E8A52D);}
@media (max-width:900px){.drk-team .drk-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.drk-team .drk-grid{grid-template-columns:1fr;}}

/* ================= v6.0.1 ================= */

/* Fix 3: explicit title colors — theme heading colors must not bleed in */
.drk-posts .drk-post-title{color:#1a1a1a !important;}
.drk-posts.drk-theme-dark .drk-post-title{color:#fff !important;}
.drk-team:not(.drk-theme-dark) .drk-member-name{color:#1a1a1a;}
.drk-team.drk-theme-dark .drk-member-name{color:#fff;}

/* Feature 4: horizontal timeline */
.drk-timeline.drk-tl-h{display:flex;align-items:flex-start;gap:var(--drk-gap,28px);}
.drk-tl-h .drk-tl-item{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;text-align:center;padding-bottom:0;gap:12px;}
.drk-tl-h .drk-tl-item::before{top:17px;left:calc(50% + 28px);width:calc(100% + var(--drk-gap,28px) - 56px);height:2px;bottom:auto;}
.drk-tl-h .drk-tl-body{width:100%;}
@media (max-width:767px){
  .drk-timeline.drk-tl-h{display:block;}
  .drk-tl-h .drk-tl-item{flex-direction:row;align-items:stretch;text-align:left;padding-bottom:var(--drk-gap,28px);gap:18px;}
  .drk-tl-h .drk-tl-item:last-child{padding-bottom:0;}
  .drk-tl-h .drk-tl-item::before{top:38px;left:17px;width:2px;height:auto;bottom:2px;}
}

/* Feature 6: team portrait photo style */
.drk-team-portrait .drk-member{padding:0 0 22px;}
.drk-member-photo-wrap{height:var(--drk-ph,260px);overflow:hidden;border-radius:var(--drk-radius,12px) var(--drk-radius,12px) 0 0;}
.drk-member-photo-wrap .drk-member-photo{width:100%;height:100%;border-radius:0;border:none;margin:0;object-fit:cover;display:block;}
.drk-member-photo-wrap .drk-member-initial{font-size:64px;border-radius:0;}
.drk-member-panel{position:relative;z-index:1;margin:-34px 22px 10px;background:#fff;border:1px solid rgba(128,128,128,0.15);border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.10);padding:12px 10px;}
.drk-team.drk-theme-dark .drk-member-panel{background:#1e1e1e;border-color:rgba(255,255,255,0.12);box-shadow:0 8px 20px rgba(0,0,0,0.45);}
.drk-team-portrait .drk-member-bio{padding:0 18px;}
.drk-team-portrait .drk-member-socs{padding:0 18px;}