/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0.0
*/

/* =================================================
   1) Design tokens and base typography
================================================= */
:root{
  --hj-ink:#0b1f33;
  --hj-muted:#606770;
  --hj-blue:#004080;
  --hj-blue-2:#1f82a9;
  --hj-border:#e6e8ee;
  --hj-card:#ffffff;
  --hj-radius:12px;
  --hj-shadow:0 8px 24px rgba(0,0,0,.08);
}

html{ scroll-behavior:smooth; }

body,
button,
input,
select,
textarea{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:17px;
  line-height:1.6;
  color:var(--hj-ink);
  background:#fff;
}

h1, h2, h3, h4, h5, h6{
  font-weight:600;
  color:#000;
  line-height:1.3;
  margin:.6em 0 .4em;
}
h1{ font-size:36px; }
h2{ font-size:28px; }
h3{ font-size:22px; }

a{
  color:var(--hj-blue);
  text-decoration:none;
}
a:hover,
a:focus{
  color:var(--hj-blue-2);
  text-decoration:underline;
}

input::placeholder,
textarea::placeholder{
  color:#8b90a6;
  opacity:1;
}

/* =================================================
   2) Icon and editor font protection
================================================= */
.dashicons,
.dashicons:before{
  font-family:dashicons !important;
  font-weight:400 !important;
}

.mce-ico{
  font-family:tinymce !important;
}

.woocommerce .star-rating,
.woocommerce .star-rating:before,
.woocommerce .star-rating span:before{
  font-family:WooCommerce !important;
}

/* =================================================
   3) Buttons and notices
================================================= */
button,
.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.job-manager-button{
  background:var(--hj-blue);
  color:#fff;
  border:0;
  border-radius:var(--hj-radius);
  padding:10px 16px;
  font-weight:600;
  transition:background .2s ease;
}

button:hover,
.button:hover,
input[type="submit"]:hover{
  background:#002b59;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.job-manager-message,
.job-manager-info,
.job-manager-error{
  font-weight:400;
}

/* =================================================
   4) Shared form controls
================================================= */
input,
select,
textarea{
  border-radius:var(--hj-radius);
  border:1px solid var(--hj-border);
  background:#fff;
}

select{
  appearance:none;
}

input[type="file"]{
  border-radius:0;
  padding:0;
}

/* =================================================
   5) WP Job Manager – listings and dashboard
================================================= */
ul.job_listings{
  width:100%;
  margin:0;
  padding:0;
}

ul.job_listings li.job_listing{
  display:block;
  width:100%;
  border:1px solid var(--hj-border);
  border-radius:var(--hj-radius);
  padding:16px;
  margin-bottom:16px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  transition:box-shadow .15s ease, transform .06s ease;
}

ul.job_listings li.job_listing:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}

.job_listings nav.job-manager-pagination{
  display:flex;
  justify-content:center;
  gap:.5rem;
}

.job_filters .rss,
.job_filters .rss_link{
  display:none !important;
}

/* =================================================
   6) Submit Job form (scoped and intentional)
================================================= */
#submit-job-form{
  background:#fff;
  border:1px solid var(--hj-border);
  border-radius:var(--hj-radius);
  padding:18px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}

#submit-job-form *{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#submit-job-form fieldset{
  border:0;
  margin:0 0 14px;
}

#submit-job-form label{
  font-weight:600;
  margin-bottom:6px;
  display:block;
}

#submit-job-form textarea{
  min-height:220px;
  resize:vertical;
}

#submit-job-form input:focus,
#submit-job-form select:focus,
#submit-job-form textarea:focus{
  outline:none;
  border-color:#cfe0f5;
  box-shadow:0 0 0 4px rgba(0,64,128,.12);
}

#submit-job-form .optional{
  display:none;
}

/* =================================================
   7) Select2 (single source of truth)
================================================= */
.select2-container{
  width:100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  border-radius:var(--hj-radius);
  border:1px solid var(--hj-border);
  min-height:44px;
}

.select2-selection__rendered{
  line-height:44px;
  padding-left:14px;
}

/* =================================================
   8) WooCommerce – account and products
================================================= */
.hj-my-account .woocommerce{
  display:flex;
  gap:24px;
}
@media (max-width:900px){
  .hj-my-account .woocommerce{ display:block; }
}

.hj-my-account .woocommerce-MyAccount-navigation,
.hj-my-account .woocommerce-MyAccount-content{
  background:#fff;
  border:1px solid var(--hj-border);
  border-radius:var(--hj-radius);
  padding:16px;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}

.single-product .woocommerce-product-gallery{
  max-width:420px;
}

.single-product .paypal-buttons,
.single-product a[href*="paypal.com"]{
  display:none !important;
}

/* =================================================
   9) Job packages
================================================= */
.job_packages{
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Force square corners on Job Category (Select2) */
#submit-job-form .select2-container--default .select2-selection--single,
#submit-job-form .select2-container--default .select2-selection--multiple{
  border-radius:0 !important;
}
/* Emergency: stop anything overriding Dashicons in admin */
#wpadminbar .ab-icon:before,
#adminmenu .dashicons:before,
#adminmenu .dashicons{
  font-family: dashicons !important;
}