/* TvojaMajica v3: skupne prodajne sestavine (junak s ceno in gumbom, vrstica zaupanja, telefon).
   Vključi se prek domains.custom_head kot /assets/tvojamajica/v3/tm3.css?v=2. Barve iz brand-cmyk-v33.
   v2 (23. in 24. 9. 2026): en sistem gumbov za vso stran (primarni cyan-dark z belim napisom, sekundarni obrobljen, povezava), gumb Naroči majico v glavi enak primarnemu, tarče v glavi in drobtinicah vsaj 44 px, meni na telefonu kot seznam, samo svetla shema. */
/* stran ima samo svetlo obliko: brskalnik naj je ne temni samodejno (skupaj z <meta name="color-scheme" content="only light"> v custom_head) */
:root{color-scheme:only light}
.tm3-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 6px}
.tm3-price{flex:1 1 100%;margin:0;font-size:1.02rem;line-height:1.4;color:var(--tm-black,#17161f)}
.tm3-price strong{font-size:1.28em;font-weight:800;color:var(--tm-black,#17161f)}
.tm3-price span{color:#4a5a5f;font-size:.92em}
.tm3-on-dark .tm3-price,.tm3-on-dark .tm3-price strong{color:#fff}
.tm3-on-dark .tm3-price span{color:#d7e6e8}
.tm3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;border:2px solid var(--tm-cyan-dark,#007b8f);background:var(--tm-cyan-dark,#007b8f);color:#fff;font-weight:800;font-size:1rem;line-height:1.2;text-decoration:none;box-shadow:0 15px 32px -20px rgba(0,106,120,.7);cursor:pointer}
.tm3-btn:focus-visible{background:var(--tm-cyan-deep,#006a78);border-color:var(--tm-cyan-deep,#006a78);color:#fff}
.tm3-btn:focus-visible,.tm3-btn--ghost:focus-visible,.tm3-link:focus-visible{outline:3px solid var(--tm-magenta,#d6007f);outline-offset:3px}
.tm3-btn--ghost{background:#fff;color:var(--tm-black,#17161f);border-color:#cbdcdf;box-shadow:none}
.tm3-link{display:inline-flex;align-items:center;min-height:44px;color:var(--tm-cyan-deep,#006a78);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tm3-on-dark .tm3-link{color:#7fe3f2}
.tm3-trust{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-size:.9rem;color:#33464b}
.tm3-trust li{display:inline-flex;align-items:center;gap:7px}
/* kljukica kot v poti /narocilo/ (prej pika) */
.tm3-trust li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--tm-cyan-dark,#007b8f) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;flex:none}
.tm3-on-dark .tm3-trust{color:#e6f2f4}
.tm3-on-dark .tm3-trust li:before{background-color:var(--tm-cyan,#00afcb)}
/* povezave v vsebini: nikoli privzeta modra brskalnika */
.tm3-on-dark a:not([class]){color:#7fe3f2}
@media (max-width:520px){
  .tm3-hero-cta .tm3-btn{flex:1 1 100%}
  .tm3-price{font-size:1rem}
}

/* ---------- v2: en sistem gumbov ---------- */
/* primarni: cyan-dark, bel napis, zaobljen, jasen hover/active */
.tm3-btn{min-height:50px;padding:12px 22px;border-radius:14px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}
/* sekundarni: bela podlaga, obroba in napis v cyan-dark */
.tm3-btn--ghost{background:#fff;color:var(--tm-cyan-deep,#006a78);border-color:var(--tm-cyan-dark,#007b8f);box-shadow:none}
.tm3-btn--ghost:focus-visible{background:var(--tm-cyan-soft,#e8faff);color:var(--tm-cyan-deep,#006a78);border-color:var(--tm-cyan-deep,#006a78);box-shadow:none}
.tmh3-final .tm3-btn.tm3-btn--ghost{color:var(--tm-black,#17161f);border-color:var(--tm-black,#17161f)}

/* glava: Naroči majico je isti primarni gumb (prej svetlo cyan s črnim napisom) */
.tm-header .tm-nav a.tm3-head-order,.tm-header .tm-nav .tm-menu>a.tmx-btn{background:var(--tm-cyan-dark,#007b8f)!important;border-color:var(--tm-cyan-dark,#007b8f)!important;color:#fff!important;box-shadow:0 10px 22px -14px rgba(0,106,120,.8)!important}
.tm-header .tm-nav .tm-menu>a{min-height:44px}
/* fokus v meniju enak kot drugod: 3 px magenta */
.tm-header .tm-nav .tm-menu>a:focus-visible{outline:3px solid var(--tm-magenta,#d6007f)!important;outline-offset:2px}

/* meni na telefonu: bele vrstice kot seznam, poravnane levo, s puščico; pod menijem zatemnitev, dotik nanjo meni zapre */
@media(max-width:980px){
  .tm-header .tm-nav .tm-menu>a{display:flex!important;align-items:center;min-height:48px}
  .tm-header .tm-nav .tm-menu>a.tmx-btn{justify-content:center}
  .tm-header .tm-nav .tm-menu>a:not(.tmx-btn){justify-content:space-between;gap:12px;min-height:52px;padding:0 6px 0 8px!important;border-radius:0!important;border-bottom:1px solid #e3ecee!important;background:#fff!important;color:var(--tm-black,#17161f)!important;text-align:left!important;font-weight:700!important;box-shadow:none!important;transform:none!important}
  .tm-header .tm-nav .tm-menu>a:not(.tmx-btn)::before{content:"";order:1;flex:0 0 18px;width:18px;height:18px;background:var(--tm-cyan-dark,#007b8f);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  .tm-header .tm-nav .tm-menu>a:not(.tmx-btn):active{background:#f3f8f9!important}
  .tm-header .tm-nav .tm-menu>a:focus-visible{outline-offset:-3px!important}
  #tm-nav-t:checked~.tm-burger::after{content:"";position:fixed;left:0;right:0;top:100%;height:100vh;background:rgba(23,22,31,.4);cursor:pointer}
}

/* logotip v glavi: tarča 44 px */
.tm-header .tm-nav a.tm-brand{min-height:44px}
/* drobtinice: večja tarča brez spremembe videza */
.tm-crumbs a{padding:12px 4px;margin:-12px -4px}

/* hover samo z miško: na telefonu po dotiku ne ostane premaknjen ali obarvan gumb */
@media(hover:hover) and (pointer:fine){
  .tm3-btn:hover{background:var(--tm-cyan-deep,#006a78);border-color:var(--tm-cyan-deep,#006a78);color:#fff;transform:translateY(-1px);box-shadow:0 14px 26px -12px rgba(0,106,120,.8)}
  .tm3-btn--ghost:hover{background:var(--tm-cyan-soft,#e8faff);color:var(--tm-cyan-deep,#006a78);border-color:var(--tm-cyan-deep,#006a78);box-shadow:none}
  .tmh3-final .tm3-btn.tm3-btn--ghost:hover{background:#fff;color:var(--tm-black,#17161f)}
  .tm-header .tm-nav a.tm3-head-order:hover,.tm-header .tm-nav .tm-menu>a.tmx-btn:hover{background:var(--tm-cyan-deep,#006a78)!important;border-color:var(--tm-cyan-deep,#006a78)!important;color:#fff!important}
}
/* pritisk po hover, da vedno prevlada */
.tm3-btn:active{transform:translateY(0);background:#005663;border-color:#005663;box-shadow:0 4px 10px -6px rgba(0,106,120,.8)}
.tm3-btn--ghost:active{background:#d5eef2;color:#005663;border-color:#005663;box-shadow:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .tm3-btn,.tm3-btn:hover,.tm3-btn:active{transition:none;transform:none}
}

/* v3 (24. 9. 2026), točka 8: na telefonu gumb »Uporabi ta motiv« nad sliko motiva, da ga pasica piškotkov ne prekrije (strani /motivi/). */
@media (max-width: 799px) {
  .tmc.tmc-motif .tmc-description > [data-tmc-use] { order: 3; margin-top: 2px; }
  .tmc.tmc-motif .tmc-description > .tmc-small { order: 4; margin-bottom: 16px; }
  .tmc.tmc-motif .tmc-visual > .tmc-original { order: 5; width: min(100%, 45vh); max-width: none; justify-self: center; }
  .tmc.tmc-motif .tmc-visual > .tmc-caption:not(:last-child) { order: 6; }
}
/* v3, točka 5: polje želje 16 px (iOS ob dotiku ne poveča strani), cena ob »Uporabi ta motiv« na /ideje/. */
#tm-ideas-root textarea#idea-custom-prompt, .tmc .tmc-customize textarea#tmc-custom-prompt { font-size: 16px; }
#tm-ideas-root .idea-price-note { font-size: 14px; line-height: 1.5; color: #49606b; margin: 10px 0 0; }
.tm-cena-nw { white-space: nowrap; }
/* v3, točka 31: v nogi tarče za dotik vsaj 44 px, tudi gumb »Nastavitve piškotkov« (prej 22 px). */
.tm-footer .tm3-foot-grid li .tm-cookie-settings { display: inline-flex; align-items: center; min-height: 34px; }
@media (max-width: 640px) { .tm-footer .tm3-foot-grid ul li a, .tm-footer .tm3-foot-grid li .tm-cookie-settings { min-height: 44px; } }