:root{
  --vtry-bg: #0f1724;        
  --card-bg: #ffffff;
  --muted: #6b7280;
  --accent: #06b6d4;       
  --accent-2: #7c3aed;      
  --btn-bg: linear-gradient(135deg,var(--accent),var(--accent-2));
  --btn-text: #ffffff;
  --danger: #ef4444;
  --shadow: 0 6px 20px rgba(15,23,42,0.08);
  --radius: 12px;
  --glass: rgba(255,255,255,0.6);
}

#wc-vtryon-widget {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  width: 100% !important;
  box-sizing: border-box;
  margin: 18px 0 !important;
  padding: 18px;
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,250,252,0.98));
  border: 1px solid rgba(15,23,42,0.06);
  box-shadow: var(--shadow);
  align-items: start;
  clear: both;
}

#wc-vtryon-widget h5 {
    font-size: 13px;
}

#wc-vtryon-widget h3{
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #0f1724;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

#wc-vtryon-widget h3::before{
  content: "";
  width: 38px;
  height: 38px;
  display: inline-block;
  border-radius: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><defs><linearGradient id="g" x1="0" x2="1"><stop offset="0" stop-color="%2306b6d4"/><stop offset="1" stop-color="%237c3aed"/></linearGradient></defs><rect rx="10" ry="10" width="64" height="64" fill="url(%23g)"/><g transform="translate(8,12)"><circle cx="18" cy="10" r="6" fill="rgba(255,255,255,0.14)"/></g><g transform="translate(11,9) scale(0.82)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.8 35.4"><style>.st0{fill:%23FFFFFF;}.st1{fill:%23DD2F27;}</style><g><path class="st0" d="M29.3,29.5h-8.1v-9.3h8.1c3.3,0,5.7,1.5,5.7,4.7C35,28.1,32.5,29.5,29.3,29.5z M35.5,17.4l-3.2-0.3 c2-0.3,3.7-1.5,4.8-3.1v0l4.7-5.1l-4.7-5.1l0,0c-1.4-1.9-3.5-3.2-6-3.2H13.9l-0.1,1.4l3.5,2.3c1.1,0.8,2.6,1.2,4,1.2h6.8 c1.2,0,2.3,0.6,3,1.4h0l2.4,2.2l-2.4,2.2c-0.7,0.9-1.8,1.4-3,1.4h-6.6l-0.3,0c-1.4,0-2.8,0.5-3.9,1.3l-3.5,2.4v18h16.9 c6.8,0,11.6-3.2,11.6-9.3C42.3,19.7,37.8,17.8,35.5,17.4z"/><path class="st1" d="M0.5,9.3L12.9,12V6.6L0.5,9.3z"/></g></svg></g><g transform="translate(6,36)" fill="%23fff" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="16"><text x="0" y="14">AI</text></g></svg>');
  background-size: cover;
  box-shadow: 0 6px 14px rgba(12,74,110,0.12);
  transform-origin: center;
  animation: vtry-icon-tilt 3s ease-in-out infinite;
}

@keyframes vtry-icon-tilt{
  0% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(-4deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(2px) rotate(4deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

#wc-vtryon-widget label {
  display:block;
  font-size:13px;
  color: #111827;
  margin-bottom:6px;
}

#wc-vtryon-widget input[type="file"]{
  display:none; 
}

#wc-vtryon-widget .file-chooser {
  display:flex;
  gap:10px;
  align-items:center;
  width:100%;
}

#wc-vtryon-widget .file-name {
  flex:1;
  font-size:13px;
  color:var(--muted);
  padding:10px 12px;
  border-radius:10px;
  border:1px dashed rgba(15,23,42,0.06);
  background: linear-gradient(180deg, #fff, #fbfbfd);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.02);
  min-height:44px;
  display:flex;
  align-items:center;
}

#wc-vtryon-widget label[for="vtryon-file"] {
  cursor: pointer;
  display: inline-flex;
  gap:10px;
  align-items:center;
  padding:10px 14px;
  border-radius:10px;
  background: linear-gradient(180deg,#f8fafc,#eef2ff);
  border: 1px solid rgba(99,102,241,0.06);
  color: #0f1724;
  width:100%;
  box-shadow: 0 2px 8px rgba(99,102,241,0.04);
}

#wc-vtryon-widget label[for="vtryon-file"]::after{
  content: 'Vyberte fotografiu';
  margin-left:auto;
  font-weight:600;
  color: var(--accent-2);
  font-size:13px;
}

#wc-vtryon-widget .vtryon-hints {
  font-size:12px;
  color:var(--muted);
  margin-top:6px;
  margin-bottom:0;
  margin-left: 14px;
}

#wc-vtryon-widget .vtryon-consent{
  display:flex;
  gap:8px;
  align-items:center;
  font-size:13px;
  color:#374151;
  margin-top: 10px;
  margin-bottom: 15px;
}

#wc-vtryon-widget .vtryon-consent input[type="checkbox"]{
  width:18px;
  height:18px;
  accent-color: var(--accent-2);
  scale: 1.3;
}

#wc-vtryon-widget button#vtryon-run {
  padding: 10px 16px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  font-weight: 700;
  color: var(--btn-text);
  background: var(--btn-bg);
  background-size: 200% 200%;
  box-shadow: 0 8px 24px rgba(124,58,237,0.12);
  transition: transform .15s ease, box-shadow .15s ease, background-position .5s;
  align-self: start;
  margin: 10px;
}

#wc-vtryon-widget button#vtryon-run:hover { transform: translateY(-3px); background-position: 100% 0; }
#wc-vtryon-widget button#vtryon-run:active { transform: translateY(-1px); }

#wc-vtryon-widget .vtryon-status {
  font-size:13px;
  color:#0f1724;
  padding:8px 10px;
  border-radius:8px;
  background: linear-gradient(90deg, rgba(6,182,212,0.06), rgba(124,58,237,0.03));
  border:1px solid rgba(6,182,212,0.06);
  min-height: 55px;
}

#wc-vtryon-widget .vtryon-preview {
  margin-top:6px;
  display:flex;
  gap:12px;
  flex-direction:column;
}

#wc-vtryon-widget .vtryon-preview img {
  width:100%;
  max-width:420px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,0.06);
  box-shadow: 0 8px 30px rgba(2,6,23,0.06);
  display:block;
}

@media (max-width:720px){
  #wc-vtryon-widget { padding:14px; }
  #wc-vtryon-widget h3::before { width:32px; height:32px; border-radius:8px; }
  #wc-vtryon-widget .vtryon-preview img { max-width:100%; }
}

#wc-vtryon-widget button#vtryon-run:focus,
#wc-vtryon-widget label[for="vtryon-file"]:focus {
  outline: 3px solid rgba(6,182,212,0.12);
  outline-offset: 3px;
}

.woocommerce-variation-add-to-cart #wc-vtryon-widget,
#wc-vtryon-widget {
  display:block !important;
  width:100% !important;
  margin-bottom:18px !important;
}