/* ✅ Հիմնական reset և կառուցվածք */ * { box-sizing: border-box; font-family: "Helvetica Neue", Arial, sans-serif; color: #222; } body { margin: 0; padding: 30px; background: #fff; } .container { max-width: 1100px; margin: 0 auto; } .header { text-align: center; margin-bottom: 20px; } .header h1 { font-size: 48px; margin: 0; font-weight: 700; } .sections-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 30px 0; } .section-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,0.08); position: relative; min-height: 200px; text-decoration: none; color: inherit; display: block; } .section-card img { width: 100%; height: 200px; object-fit: cover; display: block; } /* ✅ Թափանցիկ սև ֆոն + սպիտակ տեքստ */ .section-card .title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.55); color: #fff; padding: 10px; font-weight: 600; font-size: 18px; text-align: center; border-radius: 0 0 14px 14px; } /* ✅ Հայտերի ցուցակ */ .ads-list { margin-top: 10px; } .ad-row { display: flex; gap: 18px; align-items: center; padding: 12px; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,0.04); margin-bottom: 12px; } .ad-row img { width: 110px; height: 80px; object-fit: cover; border-radius: 12px; } .ad-row .meta { flex: 1; font-size: 18px; line-height: 1.2; color: #122; } /* ✅ Ֆորմայի ձևավորում */ .form { background: #fff; padding: 18px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); } input[type="text"], textarea, select { width: 100%; padding: 10px 12px; margin-bottom: 10px; border-radius: 8px; border: 1px solid #e0e0e0; font-size: 16px; } textarea { min-height: 120px; resize: vertical; } /* ✅ Բոլոր կոճակները (Ավելացնել, Դիտել, Վերադառնալ և այլն) */ .btn-blue { display: inline-block; background: rgba(0, 0, 0, 0.65); color: #fff !important; border: none; padding: 12px 18px; border-radius: 10px; cursor: pointer; font-weight: 600; text-decoration: none; transition: all 0.3s ease; } .btn-blue:hover { background: rgba(0, 0, 0, 0.85); color: #fff !important; } .btn-small { padding: 8px 12px; border-radius: 8px; } /* ✅ "⬅ Վերադառնալ" կոճակ */ .btn-back { display: inline-block; background: rgba(0, 0, 0, 0.65) !important; color: #fff !important; border: none !important; padding: 10px 16px; border-radius: 10px; cursor: pointer; font-weight: 600; text-decoration: none !important; transition: all 0.3s ease; } .btn-back:hover { background: rgba(0, 0, 0, 0.85) !important; color: #fff !important; } /* ✅ Վերադառնալ կայք կոճակ (օր. admin_content_view.php?id=1) */ .btn-return { display: inline-block; background: rgba(0, 0, 0, 0.65) !important; color: #fff !important; border: none !important; padding: 12px 18px; border-radius: 10px; cursor: pointer; font-weight: 600; text-decoration: none !important; transition: all 0.3s ease; } .btn-return:hover { background: rgba(0, 0, 0, 0.85) !important; color: #fff !important; } /* ✅ Էջերի թվեր (1, 2, 3...) — կապույտը ամբողջությամբ վերացվում է */ .pagination { text-align: center; margin-top: 25px; } .pagination a, .pagination a:visited, .page-link { display: inline-block; padding: 8px 14px; margin: 3px; background: rgba(0, 0, 0, 0.65) !important; color: #fff !important; border-radius: 8px !important; text-decoration: none !important; font-weight: 600; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: none !important; } .pagination a:hover, .pagination a.active, .page-item.active .page-link, .page-link:hover { background: rgba(0, 0, 0, 0.85) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; box-shadow: none !important; } /* ✅ Պատասխանողական դիզայն */ @media (max-width: 900px) { .sections-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .sections-grid { grid-template-columns: 1fr; } .ad-row { flex-direction: row; } }