تعطیلات رسمی ترکیه ۲۰۲۶: تقویم کامل و راهنمای روزهای پل

#holiday-master-2026 { /* Palette */ –hm-bg: #f0f3f8; –hm-glass: rgba(255, 255, 255, 0.95); –hm-glass-hover: rgba(255, 255, 255, 1); –hm-primary: #341f97; /* Deep Purple */ –hm-accent: #00d2d3; /* Cyan */ –hm-gold: #ff9f43; /* Warning/Gold */ –hm-success: #10ac84; /* Green */ –hm-text: #222f3e; –hm-text-muted: #8395a7; –hm-shadow: 0 10px 40px -10px rgba(52, 31, 151, 0.15); font-family: ‘Segoe UI’, system-ui, -apple-system, sans-serif; max-width: 850px; margin: 40px auto; background: var(–hm-bg); background-image: radial-gradient(at 0% 0%, rgba(52, 31, 151, 0.05) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(0, 210, 211, 0.1) 0px, transparent 50%); border-radius: 24px; padding: 40px; box-sizing: border-box; position: relative; overflow: hidden; color: var(–hm-text); }#holiday-master-2026 * { box-sizing: border-box; }/* HEADER */ .hm-header { text-align: center; margin-bottom: 50px; position: relative; z-index: 2; } .hm-badge-top { display: inline-block; background: linear-gradient(135deg, var(–hm-primary), #5f27cd); color: white; padding: 6px 16px; border-radius: 30px; font-size: 0.85rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 4px 15px rgba(52, 31, 151, 0.3); margin-bottom: 15px; }.hm-header h2 { font-size: 2.8rem; line-height: 1.1; margin: 0 0 10px 0; font-weight: 900; background: -webkit-linear-gradient(0deg, var(–hm-text), var(–hm-primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }.hm-header p { font-size: 1.1rem; color: var(–hm-text-muted); max-width: 600px; margin: 0 auto; }/* TIMELINE CONTAINER */ .hm-timeline { position: relative; padding-left: 30px; }/* Vertical Line */ .hm-timeline::before { content: ”; position: absolute; left: 14px; top: 20px; bottom: 20px; width: 2px; background: linear-gradient(to bottom, transparent, var(–hm-primary), var(–hm-accent), transparent); z-index: 0; opacity: 0.3; }/* CARD STYLES */ .hm-card { position: relative; background: var(–hm-glass); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 16px; margin-bottom: 25px; padding: 0; box-shadow: var(–hm-shadow); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid rgba(255,255,255,0.8); cursor: pointer; z-index: 1; }.hm-card:hover { transform: translateY(-5px) scale(1.01); background: var(–hm-glass-hover); box-shadow: 0 20px 50px -10px rgba(52, 31, 151, 0.2); } .hm-card:focus-visible { outline: 2px solid var(–hm-accent); outline-offset: 4px; }/* Timeline Node (The Circle) */ .hm-node { position: absolute; left: -38px; top: 30px; width: 18px; height: 18px; background: var(–hm-bg); border: 4px solid var(–hm-primary); border-radius: 50%; z-index: 2; box-shadow: 0 0 0 4px rgba(255,255,255,0.5); } .hm-card.special .hm-node { border-color: var(–hm-gold); }/* Card Layout */ .hm-card-header { display: grid; grid-template-columns: 80px 1fr auto; align-items: center; padding: 25px; gap: 20px; }/* Date Styling */ .hm-date { display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(52, 31, 151, 0.05); border-radius: 12px; padding: 10px 5px; height: 70px; } .hm-date .m { font-size: 0.75rem; text-transform: uppercase; font-weight: 700; color: var(–hm-text-muted); } .hm-date .d { font-size: 1.6rem; font-weight: 800; color: var(–hm-primary); line-height: 1; margin-top: 2px;}/* Content Styling */ .hm-info h3 { margin: 0; font-size: 1.25rem; font-weight: 700; } .hm-info span { font-size: 0.9rem; color: var(–hm-text-muted); display: block; margin-top: 4px; } /* ROI Tag */ .hm-roi { text-align: right; } .hm-roi-tag { background: var(–hm-success); color: white; padding: 6px 14px; border-radius: 8px; font-weight: 700; font-size: 0.9rem; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 4px 10px rgba(16, 172, 132, 0.2); } .hm-card.special .hm-roi-tag { background: linear-gradient(135deg, #f0932b, #eb4d4b); box-shadow: 0 4px 15px rgba(235, 77, 75, 0.3); }/* Action Arrow */ .hm-arrow { width: 30px; height: 30px; border-radius: 50%; background: #f1f2f6; display: flex; align-items: center; justify-content: center; color: var(–hm-text-muted); transition: transform 0.3s; margin-left: 10px; }/* EXPANDABLE SECTION */ .hm-details { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: rgba(240, 243, 248, 0.5); border-top: 1px solid rgba(0,0,0,0.05); } .hm-card.active .hm-arrow { transform: rotate(180deg); background: var(–hm-primary); color: white; } .hm-card.active .hm-details { max-height: 400px; } /* Enough height for content */.hm-strategy-box { padding: 25px; }/* VISUAL STRIP (The Calendar Bars) */ .hm-strip { display: flex; gap: 4px; margin-bottom: 15px; overflow-x: auto; padding-bottom: 5px; /* scrollbar spacing */ } .hm-day-unit { flex: 1; min-width: 45px; background: white; border: 1px solid #dfe6e9; border-radius: 8px; padding: 8px 0; text-align: center; position: relative; } .hm-day-unit span.lbl { font-size: 0.65rem; color: #b2bec3; display: block; margin-bottom: 2px; } .hm-day-unit strong { display: block; font-size: 1rem; color: var(–hm-text); } /* Types of days */ .hm-day-unit.hol { background: var(–hm-primary); border-color: var(–hm-primary); } .hm-day-unit.hol strong, .hm-day-unit.hol span.lbl { color: white; } .hm-day-unit.vac { background: var(–hm-gold); border-color: var(–hm-gold); animation: pulse 2s infinite;} .hm-day-unit.vac strong { color: white; } .hm-day-unit.vac span.lbl { color: rgba(255,255,255,0.8); }.hm-day-unit.wknd { background: #dfe4ea; } .hm-explanation { font-size: 0.95rem; color: var(–hm-text); background: white; padding: 15px; border-radius: 12px; border-left: 4px solid var(–hm-accent); } .hm-explanation strong { color: var(–hm-primary); }/* MEDIA QUERIES */ @media (max-width: 650px) { .hm-card-header { grid-template-columns: 60px 1fr; grid-template-areas: “date info” “roi roi”; gap: 10px; } .hm-info { grid-area: info; } .hm-date { grid-area: date; } .hm-roi { grid-area: roi; text-align: left; display: flex; justify-content: space-between; align-items: center; margin-top: 10px;} .hm-header h2 { font-size: 2rem; } #holiday-master-2026 { padding: 20px; } .hm-timeline { padding-left: 20px; } .hm-node { left: -29px; } } @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } }