/* =============================================================================
   BonTrip — carduri v6 (activitate + organizator)
   -----------------------------------------------------------------------
   GENERAT din category-page.css. Contine DOAR regulile cardurilor, fara
   reset-urile globale (body, h1..h4, p) din fisierul sursa — de aceea poate
   fi incarcat si pe pagina de ghid, care are propriul design.

   Sursa ramane category-page.css; la modificari acolo, regenereaza fisierul.
   ========================================================================== */

.v6-rating{
color:white;
font-size:15px;
}
.v6-rating span{
color:#ffc400;
letter-spacing:2px;
font-size:18px;
}
/* === SECTION: offers === */
.v6-offers-section{
padding:90px 20px;
background:
linear-gradient(
135deg,
#f5faf8,
#ffffff,
#f2f8ff
);
}
.v6-offers-container{
max-width:1200px;
margin:auto;
}
.v6-offers-header{
text-align:center;
margin-bottom:50px;
}
.v6-offers-label{
display:inline-flex;
background:#e7f7ef;
color:#008f68;
padding:7px 18px;
border-radius:30px;
font-size:14px;
font-weight:600;
}
.v6-offers-header h2{
font-size:42px;
margin:15px 0;
color:#17252b;
}
.v6-offers-header p{
color:#667085;
}
.v6-offers-grid{
--row-cols:3;
--row-gap:28px;

}
.v6-offer-card{
background:white;
border-radius:30px;
overflow:hidden;
/* latime fixa -> ar iesi din ecran pe telefoane de 320px */
width:100%;
max-width:360px;
box-shadow:
0 12px 35px rgba(0,0,0,.08);
transition:.35s;
}
.v6-offer-card:hover{
transform:translateY(-8px);
box-shadow:
0 22px 45px rgba(0,0,0,.14);
}
.v6-offer-image{
height:250px;
position:relative;
}
.v6-offer-image img{
width:100%;
height:100%;
object-fit:cover;
}
/* FAVORITE */
.v6-favorite{
position:absolute;
right:18px;
top:18px;
width:42px;
height:42px;
border-radius:50%;
border:none;
background:white;
font-size:24px;
color:#555;
box-shadow:0 5px 15px #0002;
cursor:pointer;
}
/* STATUS */
.v6-status{
position:absolute;
top:18px;
left:18px;
padding:7px 15px;
border-radius:20px;
font-size:13px;
font-weight:600;
background:white;
}
/* RATING */
.v6-rating{
position:absolute;
bottom:18px;
left:18px;
display:flex;
align-items:center;
gap:8px;
background:white;
padding:7px 12px;
border-radius:20px;
box-shadow:0 5px 15px #0002;
color:#333;
}
.v6-rating span{
color:#fbbf24;
font-size:15px;
}
.v6-rating b{
color:#344054;
font-size:14px;
}
.v6-offer-content{
padding:28px;
}
.v6-offer-content h3{
font-size:25px;
margin:0 0 12px;
color:#17252b;
}
.v6-offer-content p{
color:#667085;
line-height:1.6;
}
.v6-details{
border-top:1px solid #eee;
margin-top:20px;
padding-top:18px;
display:flex;
flex-direction:column;
gap:10px;
font-size:14px;
color:#475467;
}
.v6-offer-footer{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:25px;
}
.v6-offer-footer strong{
font-size:28px;
color:#17252b;
}
.v6-offer-footer small{
display:block;
color:#98a2b3;
}
.v6-book-btn,
.v6-request-btn{
padding:13px 25px;
border-radius:30px;
background:
linear-gradient(
135deg,
#ff9800,
#f97316
);
color:white;
text-decoration:none;
font-weight:600;
}
/* === SECTION: organizers === */
/* =====================================
V6 ORGANIZERS
===================================== */
.v6-organizer-section{
padding:90px 20px;
background:
linear-gradient(
135deg,
#f5faf8,
#ffffff,
#f2f8ff
);
}
.v6-organizer-container{
max-width:1200px;
margin:auto;
}
.v6-organizer-header{
text-align:center;
margin-bottom:50px;
}
.v6-organizer-label{
display:inline-flex;
padding:7px 18px;
border-radius:30px;
background:#e7f7ef;
color:#008f68;
font-size:14px;
font-weight:600;
}
.v6-organizer-header h2{
font-size:42px;
margin:15px 0;
color:#17252b;
}
.v6-organizer-header p{
color:#667085;
}
/* GRID */
.v6-organizer-grid{
--row-cols:3;
--row-gap:28px;

}
/* CARD */
.v6-organizer-card{
/* latime fixa -> ar iesi din ecran pe telefoane de 320px */
width:100%;
max-width:360px;
background:white;
border-radius:30px;
padding:35px 30px;
text-align:center;
box-shadow:
0 12px 35px rgba(0,0,0,.08);
transition:.35s;
}
.v6-organizer-card:hover{
transform:translateY(-8px);
box-shadow:
0 22px 45px rgba(0,0,0,.14);
}
/* LOGO */
.v6-organizer-logo{
width:75px;
height:75px;
margin:-5px auto 22px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
background: linear-gradient(90deg, rgba(255, 138, 0, .12), rgba(0, 143, 104, .12));
color:white;
box-shadow:
0 8px 20px rgba(0,119,182,.25);
}
.v6-organizer-card h3{
font-size:24px;
margin-bottom:12px;
color:#17252b;
}
.v6-organizer-card p{
font-size:15px;
line-height:1.6;
color:#667085;
min-height:50px;
}
/* RATING */
.v6-organizer-rating{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:20px;
background:#fff8e7;
padding:8px 15px;
border-radius:30px;
}
.v6-organizer-rating span{
color:#fbbf24;
letter-spacing:1px;
}
.v6-organizer-rating strong{
color:#344054;
font-size:14px;
}
.v6-review-count{
margin-top:10px;
font-size:14px;
color:#98a2b3;
}
/* BUTTON */
.v6-organizer-btn{
display:inline-flex;
margin-top:25px;
padding:13px 30px;
border-radius:30px;
text-decoration:none;
color:white;
font-weight:600;
background:
linear-gradient(
135deg,
#008f68,
#0077b6
);
transition:.3s, box-shadow .15s ease;
}
.v6-organizer-btn:hover{
box-shadow:
0 8px 20px rgba(0,119,182,.25);
}
@media(max-width:600px) {
.v6-organizer-card{
width:100%;
max-width:360px;
}
.v6-organizer-header h2{
font-size:32px;
}
}
/* =============================================================================
   Sectiuni dinamice de categorie — completari peste designul din design6.
   ========================================================================== */
/* Fallback cand activitatea nu are imagine de coperta */
.v6-offer-image-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 40px;
    background: linear-gradient(135deg, #e2e8f0, #f1f5f9);
}
/* Logo furnizor: imagine reala in locul emoji-ului din design */
.v6-organizer-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
/* --- Card organizator: banda cu imaginea de header a furnizorului ---
   Cardul are padding 35px 30px, deci banda iese in afara lui cu margini
   negative ca sa atinga marginile. overflow:hidden taie coltul de sus
   dupa border-radius. Fara logo — doar imaginea de header.
   Degradeul ramane vizibil cand furnizorul n-are header incarcat, ca sa
   nu varieze inaltimea cardurilor de pe acelasi rand. */
.v6-organizer-card {
    overflow: hidden;
    padding-top: 0;
}
.v6-organizer-cover {
    margin: 0 -30px 26px;
    height: 150px;
    overflow: hidden;
    background: linear-gradient(135deg, #e2e8f0, #f1f5f9);
}
.v6-organizer-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease;
}
.v6-organizer-card:hover .v6-organizer-cover img { transform: scale(1.05); }
@media (max-width: 640px) {
.v6-organizer-cover { height: 120px; margin-bottom: 20px; }
}

/* === SECTION: "vezi toate" === */
/* Apare cand sectiunea e doar un extras dintr-o lista mai mare — pe pagina
   de ghid, sub activitatile si organizatorii zonei. Link discret, nu buton
   principal: actiunea importanta ramane pe cardul in sine. */
.v6-section-more {
    margin-top: 36px;
    text-align: center;
}
.v6-section-more-link {
    display: inline-block;
    padding: 13px 28px;
    border: 1px solid #d7e0e6;
    border-radius: 30px;
    background: #fff;
    color: #17252b;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, color .15s ease;
}
.v6-section-more-link:hover {
    border-color: #f97316;
    color: #f97316;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .12);
}