/* Vwa Kretyen visual polish — 2026-09-16
   1) Keep text readable on intentionally light/cream surfaces while dark theme is active.
   2) Use the familiar three-node share symbol instead of the external-link arrow. */

/* Homepage hero secondary CTA: strong contrast in dark mode. */
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-actions .outline-button{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border:1.5px solid rgba(255,255,255,.78)!important;
  font-weight:850!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-actions .outline-button:hover,
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-actions .outline-button:focus-visible{
  background:rgba(255,255,255,.16)!important;
  border-color:#fff!important;
  outline:2px solid #d4b15c;
  outline-offset:3px;
}

/* Homepage cream Pawòl panel: never inherit white text from the dark page. */
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-word{
  background:#f4f0e8!important;
  color:#102638!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-word .word-text h2,
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-word .word-text blockquote{
  color:#102638!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-word .word-text>p:not(.classic-kicker){
  color:#4d5a63!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-word .word-text .classic-kicker{
  color:#765817!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .classic-word .dark-button{
  background:#071421!important;
  color:#fff!important;
}

/* Public pages that intentionally keep cream/white content areas in dark theme. */
html[data-vk-theme="dark"]:not([data-vk-private]) .ad-shell,
html[data-vk-theme="dark"]:not([data-vk-private]) .ad-main,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-main,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-main,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-main,
html[data-vk-theme="dark"]:not([data-vk-private]) .abt-main,
html[data-vk-theme="dark"]:not([data-vk-private]) .ct-main{
  color:#102638!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .ad-card,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-card,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-state,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-card,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-state,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-card,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-empty,
html[data-vk-theme="dark"]:not([data-vk-private]) .abt-two article,
html[data-vk-theme="dark"]:not([data-vk-private]) .abt-grid article,
html[data-vk-theme="dark"]:not([data-vk-private]) .ct-form-card,
html[data-vk-theme="dark"]:not([data-vk-private]) .ct-direct{
  color:#102638!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .ad-card h2,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-card h2,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-card h2,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-card h3,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-heading h2,
html[data-vk-theme="dark"]:not([data-vk-private]) .abt-main h2,
html[data-vk-theme="dark"]:not([data-vk-private]) .abt-main h3,
html[data-vk-theme="dark"]:not([data-vk-private]) .ct-main h2{
  color:#102638!important;
}
html[data-vk-theme="dark"]:not([data-vk-private]) .ad-copy p,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-copy>p,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-meta,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-copy>p,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-meta,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-heading p,
html[data-vk-theme="dark"]:not([data-vk-private]) .abt-main p,
html[data-vk-theme="dark"]:not([data-vk-private]) .ct-direct span,
html[data-vk-theme="dark"]:not([data-vk-private]) .ct-privacy{
  color:#53616b!important;
}
/* Darker gold/brown labels on cream backgrounds for better contrast. */
html[data-vk-theme="dark"]:not([data-vk-private]) .ad-copy small,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-copy>small,
html[data-vk-theme="dark"]:not([data-vk-private]) .gdr-copy>a,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-copy>small,
html[data-vk-theme="dark"]:not([data-vk-private]) .pdr-copy>b,
html[data-vk-theme="dark"]:not([data-vk-private]) .sup-card small{
  color:#725716!important;
}

/* Familiar Share-2 icon: three connected nodes. */
.vk-tool-share>span{
  display:block!important;
  width:19px!important;
  height:19px!important;
  flex:0 0 19px;
  font-size:0!important;
  color:transparent!important;
  background:center/19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4b15c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51 6.83 3.98'/%3E%3Cpath d='m15.41 6.51-6.82 3.98'/%3E%3C/svg%3E")!important;
}
.vk-card-share{
  font-size:0!important;
}
.vk-card-share::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  background:center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f4d077' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51 6.83 3.98'/%3E%3Cpath d='m15.41 6.51-6.82 3.98'/%3E%3C/svg%3E");
}

@media(max-width:620px){
  html[data-vk-theme="dark"]:not([data-vk-private]) .classic-actions .outline-button{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.86)!important;
  }
}