/*
    
    CSS stilovi za stranicu personalizacije torte.
    Ovdje se nalaze stilovi za izgled stranice.
*/


/* Dodatne zajedničke animacije i footer detalji */
/* Osnovni izgled cijele stranice. */
body{scroll-behavior:smooth;}
.card,.feature,.info,.control-box,.book-page{animation:fadeRise .65s ease both;}
.card:hover,.feature:hover{transform:translateY(-8px);}
.btn{transition:.25s ease;}
.btn:hover{transform:translateY(-3px);}
.links a{transition:.25s ease;}
.links a:hover{transform:translateY(-2px);}
.footer-mail{color:#fff;text-decoration:underline;font-weight:700;}
.social-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:14px 0;
}
.social-links a{
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.12);
    padding:10px 14px;
    border-radius:999px;
    transition:.25s ease;
    font-weight:700;
}
.social-links a:hover{background:#fff;color:#3b2030;transform:translateY(-4px);}
@keyframes fadeRise{
    from{opacity:0;transform:translateY(18px);}
    to{opacity:1;transform:translateY(0);}
}
.shape-star .layer{clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%);}
.shape-star .top-photo{clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%);}
.shape-flower .layer{border-radius:45% 55% 45% 55% / 55% 45% 55% 45%; clip-path:polygon(50% 0%,65% 22%,94% 18%,82% 47%,100% 70%,70% 72%,50% 100%,30% 72%,0 70%,18% 47%,6% 18%,35% 22%);}
.shape-flower .top-photo{clip-path:circle(42% at 50% 48%);}
.shape-oval .layer{border-radius:50% / 38%;}
.shape-oval .top-photo{border-radius:50% / 38%;}
.empty-catalog{padding:30px;text-align:center;color:#744658;}
button:disabled{opacity:.5;cursor:not-allowed;}

/* CSS samo za personalizaciju */
.cake-stage{animation:fadeRise .7s ease both;}.number-picker button:hover{transform:translateY(-4px) scale(1.08);}.cake3d{transition:transform .25s ease, filter .25s ease;}.cake3d:hover{filter:drop-shadow(0 24px 35px rgba(238,67,133,.25));}